JS コードにセミコロンを追加する必要がありますか?

JavaScript のセミコロンはコミュニティを表します。とにかくセミコロンを使用することを好む人もいます。セミコロンを追加しないことを好む人もいます。

長年セミコロンを使用してきた後、2017 年の秋に、必要に応じてセミコロンを追加しないようにし、必要なコード構造でセミコロンが必要な場合を除き、コードからセミコロンを自動的に削除するように Prettier を設定することにしました。

セミコロンを使用しないのは非常に自然であることがわかりました。そのようなコードは見栄えがよく、より簡潔で読みやすいと思います。

JavaScript は厳密にはセミコロンを必要としないため、これは完全に可能です。どこかにセミコロンが必要な場合は、裏でセミコロンを追加します。

このプロセスは自動セミコロン挿入と呼ばれます。

予想とは異なる動作をするバグのあるコードを作成しないように、セミコロンの使用規則を理解することが重要です。

セミコロンを自動的に追加するための JavaScript ルール

JavaScript インタープリターは、ソース コードを解釈するときに次の特殊な状況を検出すると、セミコロンを自動的に追加します。

• 次の行が } で始まったら、閉じます現在のブロック

• ソースコードの最後に到達したとき

• 現在の行で return が宣言されたとき

• 現在の行でbreakが宣言された場合

• 現在の行でthrowが宣言された場合

• Continueが宣言された場合現在の行
#コード例を使用して

これらのルールについて別の方法で考えてください。いくつかの例を次に示します。

const hey = 'hey'
const you = 'hey'
const heyYou = hey + ' ' + you
['h', 'e', 'y'].forEach((letter) => console.log(letter))

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

このコード:

(1 + 2).toString()

は「3」として出力されます。

const a = 1
const b = 2
const c = a + b
(a + b).toString()

代わりに、JavaScript が ## として解釈しようとするため、TypeError: b is not a function 例外が発生します。 #

const a = 1
const b = 2
const c = a + b(a + b).toString()

(() => {
  return
  {
    color: 'white'
  }
})()

(() => {
  return {
    color: 'white'
  }
})()

1 + 1
-1 + 1 === 0 ? alert(0) : alert(2)

1 + 1 -1 + 1 === 0 ? alert(0) : alert(2)

終了ステートメント

私は何も提案していません。ご自身の判断に委ねているだけです。

#行を括弧で始めないでください。括弧は前の行と連結される可能性があります。関数呼び出しまたは配列要素の参照を形成するには
最後に、必ずコードをテストして、ニーズを満たしていることを確認してください。

• 推奨チュートリアル: 「

  JS チュートリアル
」

以上がJS コードにセミコロンを追加する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。