關(guān)于var在for循環(huán)遇到的問(wèn)題解決

前言

var是ES5定義變量的一種聲明方式，一直聽(tīng)說(shuō)var聲明變量，存在循環(huán)變量泄漏為全局變量問(wèn)題，但總是想不明白這個(gè)“全局”有什么影響，還有，到底什么時(shí)候輸出的結果是遞增/減的值，什么時(shí)候輸出一樣的值，也不清楚。

問(wèn)題復現

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

關(guān)于let，記?。寒斍暗膇只在本輪循環(huán)有效，每一次循環(huán)的i其實(shí)都是一個(gè)新的變量。

JavaScript 引擎內部會(huì )記住上一輪循環(huán)的值，初始化本輪的變量i時(shí)，就在上一輪循環(huán)的基礎上進(jìn)行計算。

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

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

總結

到此這篇關(guān)于var使用for循環(huán)遇到的問(wèn)題解決的文章就介紹到這了,更多相關(guān)var for循環(huán)問(wèn)題內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！