Javascriptのループ変数宣言の4つの一般的な書き方を簡単に分析_基礎知識

JavaScript のループ変数宣言はどこに置くべきですか?

習慣 1:

を宣言せずに直接使用する

function loop(arr) { 
 for (i = 0; i < arr.length; i++) { 
  // do something 
 } 
} 

非常に危険な使用習慣。一般に、ループ変数はウィンドウ オブジェクトの属性になり、グローバルに使用されるため、プログラムの通常のロジック実装に影響を与える可能性が非常に高くなります。
厳密モードでは、変数を宣言せずに直接代入すると例外が直接スローされることに注意してください。これはずっと前に行われるべきでした。 ecma-262 標準の付録 C からの一節を引用します:
「宣言されていない識別子または解決できない参照への代入は、グローバル オブジェクトにプロパティを作成しません。単純な代入が厳密モード コード内で発生する場合、その LeftHandSide は解決できない Reference として評価されてはなりません。評価された場合、ReferenceError 例外がスローされます (6.2) .3.2)."
つまり、宣言されていない変数が再度使用されると、ReferenceError 例外がスローされます。

習慣 2: for ループの最初のステートメント ブロックに配置し、

を繰り返し宣言する

function loop(arr) { 
 for (var i = 0; i < arr.length; i++ ){ 
  // do someting 
 } 
 // console.log(i); 
 for (var i = 0; i < arr.length; i++ ){ 
  // do something else 
 } 
} 

この方法は、最も安全で標準化されているようです。C や Java からフロントエンド開発に移行する多くの学生は、この方法を好みます。これは、JavaScript の重要な概念の誤解が原因である可能性があります。変数。 C や Java とは異なり、JavaScript には実際のブロックレベルのスコープがありません。つまり、最初のループが終了した後、console.log(i) は未定義を出力したり、ReferenceError 例外をスローしたりせず、正常に出力されます。配列の長さ。
もちろん、この書き方には美しいという以外の意味はほとんどありませんが、長い間互換性があり、仕様に違反することはありません。ecma 標準では、特定のスコープ内で同じ変数を繰り返し宣言することを禁止していません。

習慣 3:

を他の変数とともに関数の先頭で集中的に定義する

function loop(arr) { 
 var var1; 
 var var2; 
 var i; 
 
 for (i = 0; i < arr.length; i++) { 
  // do something 
 } 
} 

この c89 風の変数定義メソッドは、JavaScript ではほぼ完璧です。これは、JavaScript がブロックレベルのスコープをサポートしているという誤解を引き起こしたり、グローバルスコープを汚染したり、標準や仕様に違反したりすることはありません。ループ変数とループ本体が大きく離れている可能性があります。追加のコードに頼らずに、主要な主流ブラウザ メーカーが ECMAScript 6 に let キーワードを実装するのを待つ以外に、この問題を解決するより良い解決策はないようです。

習慣 4: ループ コードを IIFE にカプセル化する

function loop(arr) { 
 (function () { 
  for (var i = 0; i < arr.length; i++) { 
   // do something 
  } 
 })(); 
} 

最後の習慣は IIFE (Immediately-Invoked Function Expression) です。これはフロントエンド プログラマーにはよく知られており、関数をすぐに実行することを意味します。この方法の主な欠点は、作成が比較的面倒で、不必要なパフォーマンスの低下 (非常に小さい) があることですが、互換性とさまざまな標準への準拠という点では優れたパフォーマンスを発揮します。 開発者は、それほど面倒でなければ、このアプローチを採用できます。

上記は、JavaScript での 4 つの一般的なループ変数定義の記述方法の簡単な紹介と分析です。読者はそれぞれに独自の長所と短所を持っています。