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

WBOY
リリース: 2024-09-05 21:00:23
オリジナル
637 人が閲覧しました

JavaScript のベスト プラクティスに従うと、ページの読み込みが速くなり、パフォーマンスが向上するだけでなく、コードの可読性が向上し、メンテナンスやデバッグが容易になります。注意深く書かれたコードは、エラーやセキュリティの問題を回避するのにも役立ちます。

01.グローバル変数を避ける

  • グローバル変数の使用を最小限に抑えます。
  • これには、すべてのデータ型、オブジェクト、関数が含まれます。
  • グローバル変数と関数は他のスクリプトによって上書きできます。
  • 代わりにローカル変数を使用し、クロージャの使用方法を学習してください。

02.常にローカル変数を宣言します

  • 関数で使用されるすべての変数に対してローカル変数を宣言する必要があります。
  • ローカル変数の宣言時に var、let、または const キーワードが使用されていない場合 変数を指定すると、ローカル変数がグローバル変数に変換されます。

03.上部の宣言

すべての宣言は、コーディングの適切な実践として、各スクリプトまたは機能の先頭に配置する必要があります。

これにより、次の結果が得られます:

  • よりクリーンなコード
  • ローカル変数を検索するための単一の場所をユーザーに提供します。
  • 望ましくない (暗黙の) グローバル変数の回避を簡単にします。
  • 不要な再申告の可能性を減らします。

JAVASCRIPT BEST PRACTICES.

4.変数の初期化

変数を宣言するときは、必ず初期化する必要があります。

これにより:

  • よりクリーンなコードを提供します
  • 変数の初期化に単一の場所を提供します。
  • 未定義の値の使用を避ける

05. const

を使用して配列を宣言する

const を使用して配列を宣言すると、偶発的な型の変更を防ぐことができます

JAVASCRIPT BEST PRACTICES.

06. new Object()

を使用しないでください
  • new String() の代わりに、「」を使用します。
  • new Number() の代わりに 0 を使用してください
  • new Boolean() を使用する代わりに、false を使用してください
  • new Object() ではなく、{}
  • を使用してください
  • new Array() を使用する代わりに、[] を使用してください。
  • new RegExp() を使用する代わりに、/()/ を使用してください。
  • new Function() を使用する代わりに、function (){} を使用します。

JAVASCRIPT BEST PRACTICES.

07.自動型変換に注意してください

  • JavaScript は、緩やかに型付けされた言語です。
  • 変数にはあらゆるタイプのデータを保持できます。
  • 変数のデータ型は変更できます。

JAVASCRIPT BEST PRACTICES.

08. === 比較を使用します

  • 比較の前に、== 比較演算子は (一致する型に) 変換します。
  • === 演算子には値と型の比較が必要です

JAVASCRIPT BEST PRACTICES.

09.パラメータのデフォルトを使用

  • 指定されていない引数を指定して関数が呼び出された場合、指定されていない引数の値は未定義に設定されます。
  • 未定義の値を指定すると、コードが失敗する可能性があります。引数にデフォルト値を割り当てることをお勧めします。

JAVASCRIPT BEST PRACTICES.

10.スイッチをデフォルトで終了します

switch ステートメントの最後には常にデフォルトを含めてください。たとえそれが必要ないと思っていても。

JAVASCRIPT BEST PRACTICES.

11.数値、文字列、ブール値をオブジェクトとして使用しないでください

  • 数値、文字列、およびブール値は、オブジェクトとしてではなく、常にプリミティブ値として扱われる必要があります。
  • これらの型をオブジェクトとして宣言すると、実行が遅くなり、マイナスの副作用が生じます

JAVASCRIPT BEST PRACTICES.

12. eval()

の使用を避ける
  • eval() 関数は、テキストをコードとして実行するために使用されます。ただし、ほとんどの場合、これを使用する必要はありません。
  • 任意のコードの実行を許可するため、セキュリティ上のリスクも伴います。

JAVASCRIPT BEST PRACTICES.

以上がJavaSCRIPT のベスト プラクティス。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート