js for ループ、variable_javascript スキルを定義するために var を追加する必要があるのはなぜですか-jsチュートリアル-php.cn

たとえば、以下。

コードをコピー コードは次のとおりです。 for(i=0;i alert(i); } しかし、これは本当に良い習慣ではありません。私が Js を書く理由について for ループには必ず var を追加してください。そうしないと、時々迷惑で見つけにくいバグが発生することになります。 たとえば、次の関数を実装します。 出力 10 20 30 40 50 60 70 80 90 100 次のコードを通じて、WriteNumber は 1 から 10 までループし、各ループで TenTimes メソッドを呼び出してインデックス値の 10 倍を返します。 コードをコピー コードは次のとおりです: function WriteNumber() { for (i = 1; i document.write(TenTimes(i) " ") } } 関数 TenTimes(v) { var result = 0; alert(i); for (i = 1; i 結果 = v; 結果を返す } //alert(i)

最終的には 10 しか出力されないことがわかります。以下のコード ボックスを使用してテストを実行できます。

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 关于在WriteNumber和TenTimes方法里加不加var，就是说是否声明索引变量i有4种情况： 第一种情况，WriteNumber和TenTimes各有1个for循环，2个循环里均没有用var声明i索引变量。 运行结果：会alert出1。结果只输出了10，不是我们所想要的。 分析：执行WriteNumber时，其作用域内并没有找到声明过的变量i，直接对i进行赋值，则隐式的将i声明为全局变量，（对于函数内部未声明过的变量，如果给它赋值，会隐式的将它声明为全局变量。） 循环开始，i=1，调TenTimes方法，发现TenTimes方法也没有声明过变量i ，所以TenTimes里的i就是全局变量i，就和WriteNumber的i成了同一个。 这时line9 alert出来的自然是1了。TenTimes循环了10次，使得全局的i变成了11，自然WriteNumber就不会执行第2次循环操作了。 验证：如果在WriteNumber();语句后加alert(i)，即取消line16的注释，会发现alert出12（12=10+2个i++），证明了i此时为windows对象。 第二种情况，WriteNumber声明了i变量，即line3: var i=1，TenTimes未声明i变量，即line10: i=1。 运行结果：line9 alert(i)处报i未定义错误 ，因为WriteNumber有声明过变量i，所以没有成为全局的i，TenTimes执行时又没有声明过i，所以报未定义。若注释掉line9，输出结果正确。因为当TenTimes里运行到i=1时，隐式将i声明是全局变量，不影响WriteNumber里的i。WriteNumber仍然会执行10次循环。 验证：如果在WriteNumber();语句后加alert(i)，即取消line16的注释，会发现alert出11（11=10+TenTimes里的i++），证明了此时有windows.i。 第三种情况，WriteNumber没有声明i变量，即line3: i=1，TenTimes声明了i变量，即line10: var i=1。 运行结果：弹出10个undefined。因为WriteNumber未声明i，隐式将i声明是全局变量，而TenTimes有声明过变量i（补充一句，对于变量的声明都是在预编译中进行的），所以line9 alert(i)里的i不是windows.i，而是TenTimes声明的变量i，此时当然是undefined了。同时，发现输出结果正确，因为TenTimes的i不会影响WriteNumber的全局i，WriteNumber仍然是执行了10次循环。 第四种情况：WriteNumber和TenTimes均用var声明了i。 运行结果：注释掉line9，不说了，好习惯，结果当然完美。 虽然第二、三种情况输出结果是正确的，但是对i的使用很混乱，应该算是运气导致结果正确，因为刚好1个是window.i，一个是函数内部的私有变量i，使得没有冲突。 此文虽然讲的是写for循环为什么一定要加var，但其实讲的是变量的作用域(或者说变量的生命周期)。理解之后，下面的2段code运行结果你应该能准确说出答案吧。 var a = 1; function f() { alert(a); var a = 2; } f(); [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行 ] var a = 1; function f() { a = 2; alert(a); } f(); alert(a); [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行 ] Ps：说道coding的好习惯，想起了这个：if(a==3) 应该写成if(3==a) 。因为我们常会把==写成1个=，如果把变量写在右边时只写了1个=，就会报编译错误，这样就能及时发现错误。