es6 for循環(huán)中l(wèi)et和var區(qū)別詳解
更新時間：2020年01月12日 10:23:32 作者：Dora Doris
這篇文章主要介紹了es6 for循環(huán)中l(wèi)et和var區(qū)別詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
let和var區(qū)別：
for(var i=0;i<5;i++){
setTimeout(()=>{
console.log(i);//5個5
},100)
}
console.log(i);//5
console.log('=============')
for(let j=0;j<5;j++){
setTimeout(()=>{
console.log(j);//0,1,2,3,4
},100)
}
console.log(j);//報錯 j is not defined
為什么 用let就可以顯示正確結果，而var就不可以呢？
var是全局作用域，有變量提升的作用，所以在for中定義一個變量，全局可以使用，循環(huán)中的每一次給變量i賦值都是給全局變量i賦值。
let是塊級作用域,只能在代碼塊中起作用，在js中一個{}中的語句我們也稱為叫一個代碼塊，每次循環(huán)會產(chǎn)生一個代碼塊，每個代碼塊中的都是一個新的變量j;
es6中不是說let聲明變量不能重復聲明嗎？看下邊例子：
{
let a=123;
}
{
let a=246;
}
console.log(a);//a is not defined;
{
var b=1;
}
{
var b=2;
}
console.log(b);// 2;
{}代表一個塊，這個時候let聲明的變量只在這個塊中起作用，而這個塊對var聲明的變量不起作用。因為var是全局作用域。
let a=1; let a=2; //Uncaught SyntaxError: Identifier 'a' has already been declared //let不能重復聲明 let b=1; var b=2; // Uncaught SyntaxError: Identifier 'a' has already been declared //let不能重復聲明 var c=3; var c=4; console.log(c)//4；var可以重復聲明
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
正如標題所言我們可以使用CSS截斷字符串：IE,FireFox，Opera ，Safari都兼容也可以使用js截取，具體實現(xiàn)如下，希望對大家有所幫助2013-07-07
大家注意看下，感覺應該是批量給網(wǎng)頁的一些標簽加樣式的函數(shù)。2009-05-05
MVVM模式中ViewModel和View、Model有什么區(qū)別？
這篇文章主要介紹了MVVM模式中ViewModel和View、Model有什么區(qū)別？本文分別解釋了它們的功能和作用,然后總結了它之間的區(qū)別,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了詳解JSON.stringify()的5個秘密特性，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
今天看了rank的一篇javascript腳本控件topic，突然想總結一下一些寫JS組件的方法，或者說一些不同人的不同coding style。2010-09-09
這篇文章主要介紹了ES6基礎之數(shù)組和對象的拓展,結合實例形式詳細分析了ES6數(shù)組和對象拓展運算符、拓展方法的使用及相關操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了javascript實現(xiàn)切割輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
&&和||總是傻傻分不清,在這里詳細記錄一下吧,也給你們分享一下,所以這篇文章主要給大家介紹了關于javascript中&&運算符與||運算符的使用方法,需要的朋友可以參考下2021-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)右鍵菜單功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
uni-app使用countdown插件實現(xiàn)倒計時
這篇文章主要為大家詳細介紹了uni-app使用countdown插件實現(xiàn)倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11