1.let 1.1用法：類似var ，但是所聲明的變量只在let命令所在的代碼塊內有效 { let a = 10; var b =1; } for 循環適合用 let for( let i = 0; i<arr.length; i+=){ } console.log( i ); ? ?// 這樣會報錯，i is not defined 對比var? var arr = []; for( var i=0; i < 10; i++){ arr[i] = function(){ console.log(i);? }; } arr[6](); ? ?// 10 let var arr = [ ]; for( let i =0; i<10; i++){ arr[i] = function(){ console.log(i); }; } a[6](); ? ?// 6 1.2 TDZ 1.2.1 不存在變量提升，所以一定要先聲明后使用 1.2.2暫時性死區 TDZ，簡單說就是聲明之前該變量都是不可用的 本質是進入當前作用域后，所使用的變量存在了但是不可獲取，只有等到聲明變量的哪一行代碼出現，才可以獲取和使用該變量 if( true ){ // TDZ開始 tmp = 'abc'; ? ? // 報錯 console.log( tmp ); ? ?// 這兩行都會報錯 let tmp; ?// TDZ 結束 console.log(tmp); ?// undefined tmp = 123; console.log(tmp); ? ?// 123 } 1.2.3 由于有TDZ 需要注意typeof --沒有let 之前，typeof 這個是永遠不會有報錯的情況的 --現在不一樣了 typeof a; ? ?// 這樣就會報錯 typeof b; ? ?// 返回undefined，不會報錯 let a;? 1.2.4 還是說死區TDZ function foo( x = y, y = 2 ){ return [x, y]; ? ?// 這樣會報錯，x = y的時候y沒有聲明 } foo(); ? function foo( x = 2, y = x ){ return [x, y]; } foo(); ? ?// [2, 2] ?這是ok的 1.3不允許重復聲明 以下都是報錯的 function(){ ? ? let a = 10; var a = 1; ?? } function(){ let a = 1; let a = 10; } function fn( arg ) { let arg; ? ? } 這樣不報錯 function fn( arg ) { { let arg; ? ?// 不報錯? } } 2. 塊級作用域 2.1let就是新增了塊級作用域 function f1(){ let n = 5; if(true){ let n = 10;? } console.log(n); ? ?// 5, 外層不會受里面的影響 } 2.2 允許任意的嵌套 {{{{{ let aaa = 123 }}}}} 2.3 外層不能讀取內層 {{{{ { let a = '123'} console.log(a); ? ?// 報錯 }}}} 內層作用域可以定義外層的同名變量 {{ let a = 'hello'; {let a = 'world'} }} 取代立即執行函數 //IIFE (function(){ var tmp = ...; ... })() // 塊級作用域寫法 { let tmp = ...; ... } 外層不能調用內部定義的函數 { let a = 'secret'; function f(){ return a; } } f(); ? ?// 會報錯 下面這樣寫可以調用 let f; { let a = 'secret'; f = function(){ return a; }; } f(); ? ?// 'secret' es5中的if for 循環之中是不能聲明函數的 es6是ok的，但是，1.大括號不能省略，2.里面聲明的函數外面是不可以用的 3. const命令 3.1 聲明一個只讀的變量，一旦聲明，常亮的值就不能改變，所以他聲明后必須立即初始化，而不能等到下面在賦值 'use strict' ? ? // 需要注意的是 use strict 模式會報錯，常規不報錯，但是也是無效的 const PI = 3.14; PI ?// ?3.14 PI = 3; ? ?// 報錯 3.2 特點 const 的作用域和let 命令相同，只在塊內有效； 同樣沒有聲明提前，同樣存在暫時性的死區，只能在后面使用 同樣不可以重復聲明 3.3 注意，對于復合類型的變量，變量名不指向數據，而是指向數據所在的地址。 所以對象是可變的。 const foo = {}; foo.prop = 123; foo.prop ? // 123 ? ?// 之后隨便添加屬性都ok foo = {} ? // 但是改變指向的話報錯 想改變的話，使用Object.freeze( { } ); 3.4 es5中有兩種聲明變量的方法：var 和 function es6 新增 let，const，import，class；一共六種 4.全局對象的屬性 es6開始 var 和fucntion 聲明的全局變量依舊是全局對象的屬性； let，const，class命令聲明的全局的屬性，不屬于全局對象的屬性，全局變量將逐步與全局對象屬性脫鉤

轉載于:https://www.cnblogs.com/helloLeon/p/5600046.html

總結

以上是生活随笔為你收集整理的es6-let 和 const的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。