私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。2019コーディングスタイル私たちのコードはできるだけ綺麗で読みやすいものでなければなりません。複雑な処理を正しく、人が読める形でコーディングすることです。それを助ける一つが、良いコードスタイルです。構文ルールに基づいたチートシート(より詳細は下)です:では、これらのルールと理由について詳細を説明します。ものはここにはありません。それらはコーディングの好みであり、宗教的な教義ではありません。波括弧ほとんどのJavaScriptのプロジェクトでは、波括弧は新しい行ではなく、同じ行に書かれます。開始の括弧の前にはスペースがあります。that}1行の構造も重要なエッジケースです。我々は括弧を使うべきでしょうか?その場合どうなるでしょうか?次にいくつか注釈付きでパターンを示します。ように1行が許容されます:。複数の文がある場合には、通常は括弧内の各文ごとに行を分けるのが良いです。行の長さ行の最大長は制限されるべきです。誰も横に長い行は好きではありません。それよりも行を分ける方が良いです。インデント2つのタイプのインデントがあります。どれを選ぶかは好みの問題です。最近はスペースが一般的です。記号よりもより柔軟なインデントの設定ができることです。コードを論理ブロックに分割するための空行1つの関数の中でさえ、しばしば論理的な塊に分割されます。下の例では、変数の初期化、メインのループと結果返却は垂直に分かれています。result;}コードがより読みやすくするために新しい行を挿入しましょう。垂直インデントなしで、コードの行が9行を超えるべきではありません。セミコロンセミコロンは、たとえ省略できるとしても各文の末尾に存在するべきです。セミコロンが本当にオプションである言語がありますが、その言語はほとんど使用されていません。JavaScriptでは改行がセミコロンとして解釈されないケースがあり、プログラミングエラーの可能性を残します。それはあなたがJavaScriptをよく知っており、かつ落とし穴があることを理解している場合にのみです。ネストレベルネストのレベルが多くなり過ぎてはいけません。余分なネストを避けるために、ループで"continue"ディレクティブを使うことは、時には良いアイデアです。下の2つの構造は同一です。いうエッジケースは早い段階で処理されるため、余分なネストがないメインのコードフローとなります。そのため、2つ目はより読みやすいです。"ヘルパー関数"と、それを使うコードを書く場合、それらを配置する方法が3つあります。使われる場所で関数を記述するたいていの場合、2つ目がより好まれます。コードが最初にくるとその情報を得ることができます。それらの関数名が行うべきことに相応しいものであれば、関数の中身を読む必要は全くないかもしれません。どの引用符を使うか、インデントするスペースの数、改行を置く場所など、多くの細かいことがあります。全体でチーム全員が同じスタイルガイドを使うとき、コードは画一的になります。チームの誰がそれを書いても、同じスタイルになります。チームは自分たちのスタイルガイドを作ることができます。ほとんどの場合、必要ありません。多くの実証済みの選択肢があるので、これらのうちの1つを採用するのが通常は最善の策です。GuideIdiomatic.JSStandardJS(他にもあります)あなたが新米の開発者であれば、この章の始めにあるチートシートから始めるとよいでしょう。その後、他のスタイルガイドを参照し、一般的な原則を知った上で最も好きなものを選択するのが良いでしょう。linterコードのスタイルを自動でチェックできるツールがあります。それらの素晴らしい点は、スタイルチェックは変数や関数名の中のタイポなど、いくつかのバグも見つけることです。固執したくない場合でも、それを導入することを推奨します。それだけで既に十分です。linterこれらどれでも利用できます。エディタのプラグインを有効にし、スタイルの設定をするだけです。次のようなことをします。設定に基づいていることを示し、次に我々自身の設定を指定します。統合されたエディタで、プラグインのインストール/有効化をします。多くのエディタはそれを持っています。代わりに、Webからスタイルのルールセットをダウンロードし、それを拡張することもできます。