前言

var是ES5定義變數的一種宣告方式，一直聽說var宣告變數，存在迴圈變數洩漏為全域性變數問題，但總是想不明白這個“全域性”有什麼影響，還有，到底什麼時候輸出的結果是遞增/減的值，什麼時候輸出一樣的值，也不清楚。

問題復現

for (var i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i)
  },i * 1000)
}

預期效果：12345

列印結果：66666

解決方式

閉包

for (var i = 1; i <= 5; i++) {
    (function (j) {
        shttp://www.cppcns.com
 
etTimeout(function timer() {
            console.log(j)
        },j * 1000)
    })(i)
}

setTimeout 第三引數

for (var i = 1; i <= 5; i++) {
   setTimeout(
       function timer(j) {
           console.log(j)
       },i * 1000,i
   )
}

使用 let 定義 i

for (let i = 1; i <= 5; i++) {
    setTimeout(function timer() {
        console.log(i)
    },i * 1000)
}

let

關於let，記住：當前的i只在本輪迴圈有效，每一次迴圈的i其實都是一個新的變數。

引擎內部會記住上一輪迴圈的值，初始化本輪的變數i時，就在上一輪迴圈的基礎上進行計算。

另外，for迴圈還有一個特別之處，就是設定迴圈變數的那部分是一個父作用域，而迴圈體內部是一個單獨的子作用域。

for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc

總結

到此這篇關於var使用for迴圈遇到的問題解決的文章就介紹到這了,更多相關http://www.cppcns.comvar for循環問題內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！