關(guān)于var在for循環(huán)遇到的問題解決
更新時間：2021年07月09日 10:09:30 作者：stevechow
這篇文章主要給大家介紹了關(guān)于var在for循環(huán)遇到的問題的幾種解決方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
前言
var是ES5定義變量的一種聲明方式，一直聽說var聲明變量，存在循環(huán)變量泄漏為全局變量問題，但總是想不明白這個“全局”有什么影響，還有，到底什么時候輸出的結(jié)果是遞增/減的值，什么時候輸出一樣的值，也不清楚。
問題復(fù)現(xiàn)
for (var i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}
預(yù)期效果：12345
打印結(jié)果：66666
解決方式
閉包
for (var i = 1; i <= 5; i++) {
(function (j) {
setTimeout(function timer() {
console.log(j)
}, j * 1000)
})(i)
}
setTimeout 第三參數(shù)
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，記住：當(dāng)前的i只在本輪循環(huán)有效，每一次循環(huán)的i其實都是一個新的變量。
JavaScript 引擎內(nèi)部會記住上一輪循環(huán)的值，初始化本輪的變量i時，就在上一輪循環(huán)的基礎(chǔ)上進(jìn)行計算。
另外，for循環(huán)還有一個特別之處，就是設(shè)置循環(huán)變量的那部分是一個父作用域，而循環(huán)體內(nèi)部是一個單獨的子作用域。
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
總結(jié)
到此這篇關(guān)于var使用for循環(huán)遇到的問題解決的文章就介紹到這了,更多相關(guān)var for循環(huán)問題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JavaScript獲取中英文混合字符串長度的方法,結(jié)合實例形式分析了javascript通過遍歷轉(zhuǎn)換字符串實現(xiàn)統(tǒng)計字符串長度的操作技巧,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了JS 比較兩個Json對象的值是否相等的實例，有需要的朋友可以參考一下2013-11-11
本篇文章主要介紹了Js自定義多選效果的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
下面小編就為大家?guī)硪黄猣orm+iframe解決跨域上傳文件的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
彈出層，并可以拖拽，好多人要，發(fā)出來共享一下 兼容IE6+, 各現(xiàn)代瀏覽器。2011-07-07
使用JavaScript實現(xiàn)點擊循環(huán)切換圖片效果
本文通過實例代碼給大家介紹了通過js實現(xiàn)點擊循環(huán)切換圖片效果，需要的朋友參考下2017-09-09
我們經(jīng)常使用 window.onload 來處理頁面，當(dāng)頁面加載完成做一些事情。但這個 window.onload 是頁面全部加載完成，甚至包括圖片，而我們實際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07
這篇文章主要介紹了javascript閉包功能與用法,結(jié)合具體實例形式深入淺出的分析了javascript中閉包的概念、功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2017-04-04
JavaScript函數(shù)柯里化實現(xiàn)原理及過程
這篇文章主要介紹了JavaScript函數(shù)柯里化實現(xiàn)原理及過程,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-12-12
這篇文章主要為大家詳細(xì)介紹了全屏js頭像上傳插件源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03