1.　　let聲明變量只在let命令所在的代碼區(qū)內(nèi)有效。

1 "use strict"; 2 /*如果不加"use strict";會(huì)報(bào)錯(cuò):Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode*/ 3 { 4 5 let a=10;//let 聲明變量,只在let命令所在的代碼塊內(nèi)有效。 6 var b=66; 7 } 8 alert(b); 9 alert(a);//Uncaught ReferenceError: a is not defined

2.　　　

1 for //循環(huán)計(jì)數(shù)器，很適合使用let命令。 2 3 for(let i=0;i<10;i++){ 4 //... 5 } 6 console.log(i);//Uncaught ReferenceError: i is not defined 7 //上面代碼中，計(jì)數(shù)器i只在for循環(huán)體內(nèi)有效，在循環(huán)體外引用就會(huì)報(bào)錯(cuò)。 8 9 var a=[]; 10 //變量i時(shí)var聲明的，在全局范圍內(nèi)有效，每次循環(huán)，變量i的值都會(huì)發(fā)生改變，而循環(huán)內(nèi)被賦給數(shù)組a的函數(shù)內(nèi)部的console.log(i),這里的i指向的就是全局的i，所有數(shù)組a的成員里面的i，指向的都是同一個(gè)i，導(dǎo)致運(yùn)行時(shí)輸出的是最后一輪i的值，也就是10. 11 for(var i=0;i<10;i++){ 12 a[i]=function(){ 13 console.log(i); 14 }; 15 } 16 a[6](); 17 18 19 20 var a=[]; 21 for(let i=0;i<10;i++){ 22 // 變量i是用let聲明的，當(dāng)前的i只在本輪循環(huán)有效，所有每一次循環(huán)的i其實(shí)都是一個(gè)新的變量，所有最后輸出是6.每輪循環(huán)的變量的i都是重新聲明的，JavaScript引擎內(nèi)部會(huì)記住上一輪循環(huán)的值，初始化本輪的變量i時(shí)，就是上一輪循環(huán)的基礎(chǔ)上進(jìn)行計(jì)算。 23 a[i]=function(){ 24 console.log(i); 25 }; 26 } 27 a[6]();//6 28 29 30 //for循環(huán)的特別之處，設(shè)置循環(huán)變量的那一部分是一個(gè)父作用域，而循環(huán)體內(nèi)部是一個(gè)單獨(dú)的子作用域。 31 for(let i=0;i<3;i++){ 32 let i='abc'; 33 console.log(i);//輸出三次abc。這表明函數(shù)內(nèi)部的變量i與循環(huán)體變量i不在同一個(gè)作用域，有各自單獨(dú)的作用域。 34 }

?

3.　　不存在變量提升。

1 console.log(foo);//undefined 2 var foo=2; 3 4 console.log(foo); 5 let foo=2;//Uncaught ReferenceError: foo is not defined 6 7 //暫時(shí)性死區(qū)：在代碼塊內(nèi)，使用let命令聲明變量之前，該變量都是不可用的，這在語(yǔ)法上，成為“暫時(shí)性死區(qū)（temporal dead zone，TDZ）”,暫時(shí)性死區(qū)的本質(zhì)就是，只要一進(jìn)入當(dāng)前作用域，所要使用的變量就已經(jīng)存在了，但是不可獲取，只有等到聲明變量的那一行出現(xiàn)，才可以獲取和使用該變量。 8 9 //只要塊級(jí)作用域內(nèi)存在let命令，它所聲明的變量就"綁定"這個(gè)區(qū)域，不再受外部的影響。 10 var tmp=123; 11 if(true){ 12 tmp='abc'; 13 let tmp;//Uncaught ReferenceError: tmp is not defined,ES6明確規(guī)定，如果在區(qū)塊中存在let和const命令，這個(gè)區(qū)塊對(duì)這些命令聲明的變量從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量，就會(huì)報(bào)錯(cuò)。 14 } 15 16 if (true) { 17 // TDZ開始 18 tmp = 'abc'; // ReferenceError 19 console.log(tmp); // ReferenceError 20 21 let tmp; // TDZ結(jié)束 22 console.log(tmp); // undefined 23 24 tmp = 123; 25 console.log(tmp); // 123 26 } 27 28 //較隱蔽的暫時(shí)性死區(qū)。 29 function bar(y = x, x = 2 ) { 30 return [x, y]; 31 } 32 bar(); // es6.html:89 Uncaught ReferenceError: x is not defined 33 console.log(bar()); 34 35 function bar(x=2,y=x){ 36 return [x,y]; 37 } 38 bar(); 39 console.log(bar());//[2, 2] 40 41 var x=x;//不報(bào)錯(cuò) 42 43 let x=x;//es6.html:103 Uncaught ReferenceError: x is not defined

4.　　不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量

1 //let不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量 2 //因此，不能再函數(shù)內(nèi)部重新聲明參數(shù)。 3 4 //報(bào)錯(cuò) 5 function(){ 6 let a=10; 7 var a=1; 8 } 9 10 // 報(bào)錯(cuò) 11 function(){ 12 let a=10; 13 let a=1; 14 } 15 16 function func(arg){ 17 let arg;//報(bào)錯(cuò),identifier top has already been declared標(biāo)識(shí)符頂部已被聲明 18 } 19 func(4); 20 21 function func(arg){ 22 { 23 let arg; 24 console.log(arg);//沒有報(bào)錯(cuò)，undefined 25 } 26 } 27 func(4);

5.　　ES6的塊級(jí)作用域

1 //ES6的塊級(jí)作用域 2 function f1(){ 3 let n=5; 4 if(true){ 5 let n=10; 6 } 7 console.log(n);//5 8 } 9 f1(); 10 11 12 //ES5只有全局作用域和函數(shù)作用域，沒有塊級(jí)作用域。 13 function f1(){ 14 var n=5; 15 if(true){ 16 var n=10; 17 } 18 console.log(n);//10 19 } 20 f1(); 21 22 //塊級(jí)作用域的出現(xiàn)，實(shí)際上使得獲得廣泛應(yīng)用的立即執(zhí)行函數(shù)表達(dá)式（IIFE）不再必要了。 23 // IIFE 寫法 24 (function () { 25 var tmp = ...; 26 ... 27 }()); 28 29 // 塊級(jí)作用域?qū)懛?/span> 30 { 31 let tmp = ...; 32 ... 33 } 34 35 36 function f() { console.log('I am outside!'); } 37 38 (function () { 39 function f() { console.log('I am inside!'); } 40 if (false) { 41 } 42 f(); 43 }());

?

?

?

?

　

轉(zhuǎn)載于:https://www.cnblogs.com/LinSL/p/7158913.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的ES6_入门（1）_let命令的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。