JavaScript のベスト プラクティスに従うと、ページの読み込みが速くなり、パフォーマンスが向上するだけでなく、コードの可読性が向上し、メンテナンスやデバッグが容易になります。注意深く書かれたコードは、エラーやセキュリティの問題を回避するのにも役立ちます。
01.グローバル変数を避ける
- グローバル変数の使用を最小限に抑えます。
- これには、すべてのデータ型、オブジェクト、関数が含まれます。
- グローバル変数と関数は他のスクリプトによって上書きできます。
- 代わりにローカル変数を使用し、クロージャの使用方法を学習してください。
02.常にローカル変数を宣言します
- 関数で使用されるすべての変数に対してローカル変数を宣言する必要があります。
- ローカル変数の宣言時に var、let、または const キーワードが使用されていない場合
変数を指定すると、ローカル変数がグローバル変数に変換されます。
03.上部の宣言
すべての宣言は、コーディングの適切な実践として、各スクリプトまたは機能の先頭に配置する必要があります。
これにより、次の結果が得られます:
- よりクリーンなコード
- ローカル変数を検索するための単一の場所をユーザーに提供します。
- 望ましくない (暗黙の) グローバル変数の回避を簡単にします。
- 不要な再申告の可能性を減らします。
4.変数の初期化
変数を宣言するときは、必ず初期化する必要があります。
これにより:
- よりクリーンなコードを提供します
- 変数の初期化に単一の場所を提供します。
- 未定義の値の使用を避ける
05. const
を使用して配列を宣言する
const を使用して配列を宣言すると、偶発的な型の変更を防ぐことができます
06. new Object()
を使用しないでください
- new String() の代わりに、「」を使用します。
- new Number() の代わりに 0 を使用してください
- new Boolean() を使用する代わりに、false を使用してください
- new Object() ではなく、{}
を使用してください
- new Array() を使用する代わりに、[] を使用してください。
- new RegExp() を使用する代わりに、/()/ を使用してください。
- new Function() を使用する代わりに、function (){} を使用します。
07.自動型変換に注意してください
- JavaScript は、緩やかに型付けされた言語です。
- 変数にはあらゆるタイプのデータを保持できます。
- 変数のデータ型は変更できます。
08. === 比較を使用します
- 比較の前に、== 比較演算子は (一致する型に) 変換します。
- === 演算子には値と型の比較が必要です
09.パラメータのデフォルトを使用
- 指定されていない引数を指定して関数が呼び出された場合、指定されていない引数の値は未定義に設定されます。
- 未定義の値を指定すると、コードが失敗する可能性があります。引数にデフォルト値を割り当てることをお勧めします。
10.スイッチをデフォルトで終了します
switch ステートメントの最後には常にデフォルトを含めてください。たとえそれが必要ないと思っていても。
11.数値、文字列、ブール値をオブジェクトとして使用しないでください
- 数値、文字列、およびブール値は、オブジェクトとしてではなく、常にプリミティブ値として扱われる必要があります。
- これらの型をオブジェクトとして宣言すると、実行が遅くなり、マイナスの副作用が生じます
12. eval()
の使用を避ける
- eval() 関数は、テキストをコードとして実行するために使用されます。ただし、ほとんどの場合、これを使用する必要はありません。
- 任意のコードの実行を許可するため、セキュリティ上のリスクも伴います。
以上がJavaSCRIPT のベスト プラクティス。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。