JavaScript コードを作成する際に遵守すべき重要な構文ルール

JavaScript は Web 開発で最も人気のあるプログラミング言語の 1 つですが、クリーンでエラーのないコードを作成するには、その構文をしっかりと理解する必要があります。

以下は、効率的でバグのないコードを作成するために、すべての JavaScript 開発者が従うべき 15 の重要な構文ルールです。

1.大文字と小文字の区別
JavaScript では大文字と小文字が区別されます。これは、変数と変数が 2 つの異なる識別子であることを意味します。微妙なバグを避けるために、常に命名規則と一致してください。

JavaScript の命名規則については、次の記事を参照してください。

https://medium.com/javascript-in-plain-english/javascript-naming-conventions-a-guideline-for-readable-and-maintainable-code-550c1620f04a

2.セミコロン
セミコロンはオプションですが、ステートメントの最後にセミコロンを含めることをお勧めします。 JavaScript は自動セミコロン挿入 (ASI) を使用しますが、これに依存すると、特に複雑なコードでエラーが発生する可能性があります。

a = 5 とします。
b = 6 とします;

3.コードブロックの中括弧
中括弧 {} は、if、for、while などの制御構造のコード ブロックを定義するために使用されます。中かっこを適切に使用しないと、コードが意図したとおりに実行されない可能性があります。

if (x > 0) {
console.log('ポジティブ');
}

4.変数宣言 (let、const、var)
変数は使用する前に必ず宣言してください。ホイスティングの問題を回避するには、var の代わりに let と const を使用します。 const は変更されない値に使用する必要があります。

const pi = 3.1416;
年齢 = 25 としましょう;

5.ストリクトモード
「厳密な使用」を使用します。 JavaScript コードでより厳密な解析とエラー処理を強制するために、スクリプトまたは関数の先頭に追加します。これにより、宣言されていない変数の使用やその他の潜在的な問題が防止されます。

「厳密に使用する」;
x = 5 とします;

6.関数
関数を定義するときは、function キーワードまたはアロー関数構文を使用する必要があります。関数が引数を取らない場合でも、必ず括弧を含めてください。

関数greet() {
「Hello, World!」を返します。
}

// アロー関数
const 挨拶 = () => "ハロー、ワールド!";

7.等価演算子 (=== vs ==)
予期しない結果を招く可能性がある型強制を回避するには、== と != の代わりに厳密な等価 === と不等号 !== を使用してください。

if (x === 5) {
console.log('x は 5');
}

8.コメント
コードを説明する明確なコメントを書いてください。単一行のコメントには // を使用し、複数行のコメントには /* */ を使用します。

// これは 1 行のコメントです

/* これは
です 複数行のコメント */

9.テンプレート リテラル
文字列連結を使用する代わりに、テンプレート リテラル (バッククォート `) を使用して文字列を作成します。これによりコードが読みやすくなり、式を直接埋め込むことが可能になります。

const name = 'アリス';
console.log(こんにちは、${name}!);

10.配列とオブジェクト
配列には必ず角括弧 [] を使用し、オブジェクトには中括弧 {} を使用します。配列内の項目とオブジェクト内のプロパティを区切るには、カンマを正しく使用してください。

arr = [1, 2, 3]; とします。
let obj = { 名前: 'アリス'、年齢: 25 };

11.条件文の中のかっこ
if、while、for ステートメントでは、条件を常に括弧 () で囲んでください。これにより、条件が正しく評価されるようになります。

if (x > 0) {
// 何かをする
}

12.ループ
ループには適切な構文 (for、while、do…while) を使用してください。 for ループには、初期化、条件、インクリメント/デクリメントを必ず含めてください。

for (let i = 0; i コンソール.ログ(i);
}

13.関数内の return ステートメント
return ステートメントを使用する場合は、同じ行に式が続くようにしてください。 return の後に改行が続くと、unknown が返されます。

関数 add(a, b) {
a b を返します。
// 正しい
}

関数 buggyAdd(a, b) {
戻る
a b; // ASI
のため、未定義を返します }

14.代入の構造化
JavaScript では、構造化代入を使用して、配列の値やオブジェクトのプロパティを個別の変数に解凍できます。これによりコードが簡素化されます。

const [x, y] = [1, 2];
const { 名前, 年齢 } = { 名前: 'アリス', 年齢: 25 };

15.デフォルトパラメータ
引数が渡されない場合の問題を防ぐために、関数パラメータにデフォルト値を割り当てることができます。

関数greet(name = 'Guest') {
return こんにちは、${name};
}

これらの 15 の構文ルールに従うことで、JavaScript コードがクリーンで保守しやすく、エラーが発生しにくくなります。これらのルールを適切に理解して適用すると、よくある落とし穴を回避し、効率的な JavaScript コードを作成するのに役立ちます。

以上がJavaScript コードを作成する際に遵守すべき重要な構文ルールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。