javascriptの変数スコープ

Question

calValue: function (data) { 
      var self = this; 
      var values = data.values; 
      for (var i = 0; i < data.length; i++) { 
        if(data.condition == 0){ 
        (function (values) { 
          for (i = 0; i < values.length; i++) { 
          } 
        })(values) 
        } 
        else{ 
          //do sth else 
        } 
      } 
    } 

私の理解は、それぞれのコンテキストとその中で宣言されている変数は内部でのみ有効です。上記のコードスニペットのように、内側のforループ内の "i"変数は外側の "i"変数に影響を与えません。しかし、事実それは影響を及ぼします。

誰かが説明してくれますか？ありがとう。

Answer 1

var宣言では、有効範囲はfunctionレベルです。このような宣言は、囲み関数の最初に現れたかのように解釈されます。

最新のJavaScript環境では、let宣言を使用して、ステートメントのローカルブロックにスコープされた変数を作成することができます。 （変更不可能なシンボルの場合はconst）

あなたのケースでは、ネストされた関数の内部iは、外部で宣言されたiを参照しています。関数の内部からはいつでも "見る"ことができますが、 "見る"ことはできません。それがスコープの仕組みです。