JavaSCRIPT のベスト プラクティス。

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 サイトの他の関連記事を参照してください。