es2015 引入了兩個重要的 javascript 新關(guān)鍵詞：let 和 const。

這兩個關(guān)鍵字在 javascript 中提供了塊作用域變量 和 常量。

在 es2015 之前，javascript 只有兩種類型的作用域：全局作用域和函數(shù)作用域。

1. 全局作用域

全局（在函數(shù)之外）聲明的變量擁有全局作用域。

范例

var carname = "porsche";// 此處的代碼可以使用 carname function myfunction() {
  // 此處的代碼也可以使用 carname }

全局變量可以在 javascript 程序中的任何位置訪問。

2. 函數(shù)作用域

局部（函數(shù)內(nèi)）聲明的變量擁有函數(shù)作用域。

范例

// 此處的代碼不可以使用 carname function myfunction() {
  var carname = "porsche";
  // code here can use carname }// 此處的代碼不可以使用 carname 

局部變量只能在它們被聲明的函數(shù)內(nèi)訪問。

3. javascript 塊作用域

通過 var 關(guān)鍵詞聲明的變量沒有塊作用域。

在塊 {} 內(nèi)聲明的變量可以從塊之外進(jìn)行訪問。

范例

{ 
  var x = 10; 
}// 此處可以使用 x 

在 es2015 之前，javascript 是沒有塊作用域的。

可以使用 let 關(guān)鍵詞聲明擁有塊作用域的變量。

在塊 {} 內(nèi)聲明的變量無法從塊外訪問：

范例

{ 
  let x = 10;
}// 此處不可以使用 x 

4. 重新聲明變量

使用 var 關(guān)鍵字重新聲明變量會帶來問題。

在塊中重新聲明變量也將重新聲明塊外的變量：

范例

var x = 10;// 此處 x 為 10 { 
  var x = 6;
  // 此處 x 為 6 }// 此處 x 為 6 

使用 let 關(guān)鍵字重新聲明變量可以解決這個問題。

在塊中重新聲明變量不會重新聲明塊外的變量：

范例

var x = 10;// 此處 x 為 10 { 
  let x = 6;
  // 此處 x 為 6 }// 此處 x 為 10 

5. 瀏覽器支持

internet explorer 11 或更早的版本不完全支持 let 關(guān)鍵詞。

下表定義了第一個完全支持 let 關(guān)鍵詞的瀏覽器版本：

6. 循環(huán)作用域

在循環(huán)中使用 var：

范例

var i = 7;
for (var i = 0; i < 10; i++) {
  // 一些語句 }// 此處，i 為 10 

在循環(huán)中使用 let：

范例

let i = 7;
for (let i = 0; i < 10; i++) {
  // 一些語句 }// 此處 i 為 7 

在第一個例子中，在循環(huán)中使用的變量使用 var 重新聲明了循環(huán)之外的變量。

在第二個例子中，在循環(huán)中使用的變量使用 let 并沒有重新聲明循環(huán)外的變量。

如果在循環(huán)中用 let 聲明了變量 i，那么只有在循環(huán)內(nèi)，變量 i 才是可見的。

7. 函數(shù)作用域

在函數(shù)內(nèi)聲明變量時，使用 var 和 let 很相似。

它們都有函數(shù)作用域：

function myfunction() {
  var carname = "porsche";   // 函數(shù)作用域 }
function myfunction() {
  let carname = "porsche";   // 函數(shù)作用域 }

8. 全局作用域

如果在塊外聲明聲明，那么 var 和 let 也很相似。

它們都擁有全局作用域：

var x = 10;       // 全局作用域 let y = 6;       // 全局作用域 

9. html 中的全局變量

使用 javascript 的情況下，全局作用域是 javascript 環(huán)境。

在 html 中，全局作用域是 window 對象。

通過 var 關(guān)鍵詞定義的全局變量屬于 window 對象：

范例

var carname = "porsche";// 此處的代碼可使用 window.carname 

通過 let 關(guān)鍵詞定義的全局變量不屬于 window 對象：

范例

let carname = "porsche";// 此處的代碼不可使用 window.carname 

10. 重新聲明

允許在程序的任何位置使用 var 重新聲明 javascript 變量：

范例

var x = 10;// 現(xiàn)在，x 為 10  
var x = 6;// 現(xiàn)在，x 為 6 

在相同的作用域，或在相同的塊中，通過 let 重新聲明一個 var 變量是不允許的：

范例

var x = 10;       // 允許 let x = 6;       // 不允許 {
  var x = 10;   // 允許   let x = 6;   // 不允許 }

在相同的作用域，或在相同的塊中，通過 let 重新聲明一個 let 變量是不允許的：

范例

let x = 10;       // 允許 let x = 6;       // 不允許 {
  let x = 10;   // 允許   let x = 6;   // 不允許 }

在相同的作用域，或在相同的塊中，通過 var 重新聲明一個 let 變量是不允許的：

范例

let x = 10;       // 允許 var x = 6;       // 不允許 {
  let x = 10;   // 允許   var x = 6;   // 不允許 }

在不同的作用域或塊中，通過 let 重新聲明變量是允許的：

范例

let x = 6;       // 允許 {
  let x = 7;   // 允許 }
{
  let x = 8;   // 允許 }

11. 提升

通過 var 聲明的變量會提升到頂端。如果您不了解什么是提升（hoisting），請學(xué)習(xí)我們的提升這一章。

您可以在聲明變量之前就使用它：

范例

// 在此處，您可以使用 carname var carname;

通過 let 定義的變量不會被提升到頂端。

在聲明 let 變量之前就使用它會導(dǎo)致 referenceerror。

變量從塊的開頭一直處于“暫時死區(qū)”，直到聲明為止：

范例

// 在此處，您不可以使用 carname let carname;