JavaScript ES6 var VS let 區(qū)別

ECMAScript 6 即 ES 6 中引入了 let 語句。

The let statement declares a block scope local variable, optionally initializing it to a value.
let 語句用于聲明一個局部變量,作用域為 block scope,可以在聲明時初始化。

var VS let 區(qū)別

區(qū)別在于聲明變量的作用域 Scope:

  • var 語句聲明的變量,作用域為 Function Scope 方法作用域
  • let 語句聲明的變量,作用域為 Block Scope 代碼塊作用域,可能比 Function Scope 范圍更小,也可能相同
  • 如果在任何的 block 外部使用 var 或者 let,則聲明的變量均為全局變量,即 Global Scope
  • let 語句聲明的變量,在聲明之前不能訪問,否則會拋出 ReferenceError

Global Scope 全局作用域

注意:let 語句聲明的變量,不能通過 window 對象來訪問。

var foo1 = 1;
let foo2 = 2; // foo1 和 foo2 均為全局作用域 Global Scope

console.log(foo1); // 1
console.log(foo2); // 2

console.log(window.foo1); // 1
console.log(window.foo2); // undefined

Function Scope 方法作用域

function f() {
  var foo1 = 1;
  let foo2 = 2; // foo1 和 foo2 均為方法作用域 Function Scope
  
  console.log(foo1); // 1
  console.log(foo2); // 2
}

f();

Block Scope 代碼塊作用域

在下面的代碼中可以看到 varlet 語句聲明變量的區(qū)別:

function f() {
  var foo1 = 1; // Function Scope
  
  {
    let foo1 = 2; // Block Scope
    let foo2 = 3; // Block Scope
    
    console.log(foo1); // 2
    console.log(foo2); // 3
  }
  
  console.log(foo1); // 1
  console.log(foo2); // foo2 is not defined
}

f();

如果將 let foo1 = 2; let foo2 = 3; 換成 var foo1 = 2; var foo2 = 3;,則都變成 Function Scope。


引用:
let

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容