一、ES5 的 var 關鍵字

var 存在變量提升

var 允許重復聲明，瀏覽器本身只識別一次，但不會報錯

var 聲明的變量即是全局變量，也相當于給 GO(window) 設置了一個屬性而且兩者建立映射機制

基于 typeof 檢測一個沒有被聲明過的變量，并不會報錯，結果是"undefined";但是從正確的角度來講應該報錯才是正常的！

var 沒有塊級作用域

二、 let 關鍵字

不會存在變量提升

必須先定義在使用，沒有定義就使用的話就會報錯

會產生作用域

和 const 一樣不允許重復聲明變量

console.log(a); // Cannot access 'a' before initialization ? a 不能再初始化之前使用 let a = 10; let a = 20; console.log(a); // SyntaxError: Identifier 'a' has already been declared ? 因為變量 a 已經被賦值了function (num) {let num; // 報錯，不能在函數內部重新聲明參數console.log(num); }

和 const 一樣有暫時性死區(TDZ) – 在聲明變量之前, 該變量都不能使用

let a = 10; console.log(a); // 10let c = 10; {let c = 20;console.log(c); // 20 }{let d = 2;console.log(d); // 2 } console.log(d); // d is not defined// 只要塊級作用于內存在let命令，他聲明的變量就會"綁定"在這個區域，不會受外部的影響 var e = 2; if (true) {e = 1; // Cannot access 'e' before initializationlet e; }

let 聲明的變量僅僅是全局變量，和 GO 沒什么關系

如果這個變量在后面會用到 let 聲明，則前面在基于 typeof 檢測就會報錯：不能在聲明之前使用

三、 const 關鍵字

用 const 關鍵字生命的變量叫常量(具有只讀屬性)，常量的值不能被修改

const a = 10; a = 20; console.log(a); // 報錯，常量不能被更改

用 const 聲明變量要賦初值，不然會報錯

const a; a = 19; console.log(a); // 會報錯，常量必須初始化

const 聲明的對象

• 保存的是變量的地址不變，而不是變量的地址所對應的值不變
• const 聲明的對象，存的是一個地址，這個地址指向一個對象

const obj = {name: '張三',age: 19 } obj.age = 20; // 可以用對象的屬性或者方法修對象的值 console.log(age); // 20obj = { // 這里會報錯，常量不能被更改age = 17 } console.log(obj.age);const arr = [1, 2, 3, 4, 5]; arr.shift(); console.log(arr); // 2, 3, 4, 5;

四、 object.freeze(a) – 凍結數組，讓 let 聲明的東西也不可以被更改

let arr = [1, 2, 3] let result = Object.freeze(arr); // 如果實在不想修改數組里面的值，可以把這個數組凍結了 result.push(4); console.log(result); // 報錯，因為對象已經被凍結了，不可以被擴展

五、小 tips

• let 關鍵字 和 const 關鍵字 立即執行函數，讓整個代碼更加符合模塊化的規范
• 作用域的產生和定義變量的方式有關
• 只要在{大括號}里面使用 let 或者 const 定義變量，那么這個變量的作用范圍就在這個括號內，不會存在變量提升，let 必須先聲明后使用, const 在聲明的時候必須賦初值

面試題

• 用 const 定義的變量值，永遠不能被修改了？
• 不對
  1. const 不能更改指的是：這個變量不能再和其他值進行關聯了，也就是不能修改 const 聲明變量的指向
  2. 但是可以在不改變指向的情況下，修改堆內存中的信息（這樣也算是把值更改了）
  3. 所以：const 聲明的變量，不能修改它的指向，但是可以改變其存儲值

總結

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

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