關(guān)于var在for循環(huán)遇到的問(wèn)題解決
前言
var是ES5定義變量的一種聲明方式,一直聽(tīng)說(shuō)var聲明變量,存在循環(huán)變量泄漏為全局變量問(wèn)題,但總是想不明白這個(gè)“全局”有什么影響,還有,到底什么時(shí)候輸出的結(jié)果是遞增/減的值,什么時(shí)候輸出一樣的值,也不清楚。
問(wèn)題復(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其實(shí)都是一個(gè)新的變量。
JavaScript 引擎內(nèi)部會(huì)記住上一輪循環(huán)的值,初始化本輪的變量i時(shí),就在上一輪循環(huán)的基礎(chǔ)上進(jìn)行計(jì)算。
另外,for循環(huán)還有一個(gè)特別之處,就是設(shè)置循環(huán)變量的那部分是一個(gè)父作用域,而循環(huán)體內(nèi)部是一個(gè)單獨(dú)的子作用域。
for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i); } // abc // abc // abc
總結(jié)
到此這篇關(guān)于var使用for循環(huán)遇到的問(wèn)題解決的文章就介紹到這了,更多相關(guān)var for循環(huán)問(wèn)題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript獲取中英文混合字符串長(zhǎng)度的方法示例
這篇文章主要介紹了JavaScript獲取中英文混合字符串長(zhǎng)度的方法,結(jié)合實(shí)例形式分析了javascript通過(guò)遍歷轉(zhuǎn)換字符串實(shí)現(xiàn)統(tǒng)計(jì)字符串長(zhǎng)度的操作技巧,需要的朋友可以參考下2017-02-02詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例
這篇文章主要介紹了JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例,有需要的朋友可以參考一下2013-11-11使用JavaScript實(shí)現(xiàn)點(diǎn)擊循環(huán)切換圖片效果
本文通過(guò)實(shí)例代碼給大家介紹了通過(guò)js實(shí)現(xiàn)點(diǎn)擊循環(huán)切換圖片效果,需要的朋友參考下2017-09-09window.onload 加載完畢的問(wèn)題及解決方案(上)
我們經(jīng)常使用 window.onload 來(lái)處理頁(yè)面,當(dāng)頁(yè)面加載完成做一些事情。但這個(gè) window.onload 是頁(yè)面全部加載完成,甚至包括圖片,而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢!2009-07-07JavaScript函數(shù)柯里化實(shí)現(xiàn)原理及過(guò)程
這篇文章主要介紹了JavaScript函數(shù)柯里化實(shí)現(xiàn)原理及過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12