關于var在for循環(huán)遇到的問題解決
更新時間：2021年07月09日 10:09:30 作者：stevechow
這篇文章主要給大家介紹了關于var在for循環(huán)遇到的問題的幾種解決方法,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
前言
var是ES5定義變量的一種聲明方式，一直聽說var聲明變量，存在循環(huá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
關于let，記?。寒斍暗膇只在本輪循環(huán)有效，每一次循環(huán)的i其實都是一個新的變量。
JavaScript 引擎內部會記住上一輪循環(huán)的值，初始化本輪的變量i時，就在上一輪循環(huán)的基礎上進行計算。
另外，for循環(huán)還有一個特別之處，就是設置循環(huán)變量的那部分是一個父作用域，而循環(huán)體內部是一個單獨的子作用域。
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
總結
到此這篇關于var使用for循環(huán)遇到的問題解決的文章就介紹到這了,更多相關var for循環(huán)問題內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
JS動態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實現
這篇文章介紹了JS動態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實現，有需要的朋友可以參考一下2013-07-07
JS實現的一個比較不錯的判斷節(jié)假日的實現代碼(假日包括周末，不包括調休上班的周末)
最近需要實現一個判斷今天是不是節(jié)假日的功能,考慮周末與法定節(jié)假日調休等,這樣的比較完整的功能就需要下面的代碼來實現了2024-05-05
下面小編就為大家?guī)硪黄獪\談JS中的bind方法與函數柯里化。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
最近用到scrolloTop()想去獲取滾動條距離頂部的距離，結果只有chrome下面可以正常的獲取scrollTop，ff和ie下這個值都等于0，使得許多效果比如屏幕滾動等等均無法正常實現。究其原因是scrollTop()在各個瀏覽器中的兼容性問題，今天我們就來詳細探討下。2015-04-04
這篇文章主要給大家介紹了關于echarts同一頁面中四個圖表切換的js數據交互的相關資料，文中給出了完整的示例代碼供大家參考學習，對大家的學習或者工作具有一定的幫助，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
這篇文章主要為大家詳細介紹了javascript實現固定側邊欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02
這篇文章主要給大家介紹了Javascript生成帶有參樹二維碼的方法,實現的方法還是很簡單的，有需要的朋友們可以參考借鑒。下面來一起看看吧。2016-10-10
這篇文章主要介紹了JSONP 的原理、理解與實例,結合實例形式分析了JSONP 的基本概念、原理、理解與使用技巧,需要的朋友可以參考下2020-05-05
下面小編就為大家?guī)硪黄棠?分鐘學會用requirejs(必看篇)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細介紹了移動端點擊圖片放大特效PhotoSwipe.js插件實現方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08