快捷導(dǎo)航

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就可以顯示正確結(jié)果，而var就不可以呢？

var是全局作用域，有變量提升的作用，所以在for中定義一個變量，全局可以使用，循環(huán)中的每一次給變量i賦值都是給全局變量i賦值。

let是塊級作用域,只能在代碼塊中起作用，在js中一個{}中的語句我們也稱為叫一個代碼塊，每次循環(huán)會產(chǎn)生一個代碼塊，每個代碼塊中的都是一個新的變量j;

es6中不是說let聲明變量不能重復(fù)聲明嗎？看下邊例子：

{
  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不能重復(fù)聲明

let b=1;
var b=2;

// Uncaught SyntaxError: Identifier 'a' has already been declared
//let不能重復(fù)聲明


var c=3;
var c=4;
console.log(c)//4；var可以重復(fù)聲明

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS對象數(shù)組中如何匹配某個屬性值
這篇文章主要介紹了JS對象數(shù)組中如何匹配某個屬性值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
IFrame高度的設(shè)置問題一直都是前端的噩夢而且還要兼容各主流瀏覽器更是難上加難了，下面與大家分享下一個不錯的技巧，感興趣的你可以參考下哈
2013-06-06
vue組件創(chuàng)建的三種方式小結(jié)
這篇文章主要介紹了vue組件創(chuàng)建的三種方式小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-02-02
Javascript實現(xiàn)打鼓效果
這篇文章主要為大家詳細介紹了Javascript實現(xiàn)打鼓效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
HTML5 Shiv完美解決IE(IE6/IE7/IE8)不兼容HTML5標簽的方法
這篇文章主要介紹了HTML5 Shiv完美解決IE(IE6/IE7/IE8)不兼容HTML5標簽的方法,需要的朋友可以參考下
2015-11-11
使用mixins實現(xiàn)elementUI表單全局驗證的解決方法
這篇文章主要介紹了使用mixins實現(xiàn)elementUI表單的全局驗證的解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-04-04
template.js前端模板引擎使用詳解
本篇文章主要介紹了template.js前端模板引擎使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
JavaScript調(diào)試工具匯總
這篇文章主要介紹了7款基于桌面和WEB的JavaScript調(diào)試工具，更有效地處理動態(tài)類型使應(yīng)用程序更符合編碼標準，不管你是新學習javascript的菜鳥還是業(yè)界大神，都非常的有用。
2014-12-12
js動態(tài)創(chuàng)建及移除div的方法
這篇文章主要介紹了js動態(tài)創(chuàng)建及移除div的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下
2015-06-06
js獲取新浪天氣接口的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取新浪天氣接口的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06