var在for循環變量泄漏為全局變量怎么解決

這篇文章主要介紹“var在for循環變量泄漏為全局變量怎么解決”，在日常操作中，相信很多人在var在for循環變量泄漏為全局變量怎么解決問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”var在for循環變量泄漏為全局變量怎么解決”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

前言

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) {
        setTimeout(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其實都是一個新的變量。

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

另外，for循環還有一個特別之處，就是設置循環變量的那部分是一個父作用域，而循環體內部是一個單獨的子作用域。

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

到此，關于“var在for循環變量泄漏為全局變量怎么解決”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！