摘要：全局作用域在最頂層聲明的變量成為全局變量，全局變量擁有全局作用域，它們在程序的任何地方都是能夠被訪問到。作用域的主要作用是能夠控制變量是使用范圍。程序將會被中斷，這個特性被稱為暫存死區。

Javascript中使用一個變量之前需要先聲明，我們可以使用var、let、const來聲明一個變量。如果在給聲明的變量指定初始值，就是初始化。如:

var a = 1; 
let b =1; 
const c = "123"

初始化后，這個變量就在內存中分配了空間，后面的程序就可以調用了。var、let、const都可以聲明變量，但是各自又不相同。在ES6中，const 定義的變量是必須要初始化賦值，而且以后不能變更, 是一個固定值。而像var，let是可以只聲明，但是不進行初始化。

var a; let b;
console.log(a) // => undefined
console.log(b) // => undefined 

而在我們熟知java代碼中，這樣只聲明，但是未賦值是會報錯的

int a;
System.out.print(a); // The local variable a may not have been initialized

這是因為javascript的執行引擎(例如V8)會在運行這段代碼之前檢查會這段代碼, 也被稱為預編譯。發現有var和let聲明的變量，會給這個變量提供一個默認的初始化值undefined。也正是因為要檢查代碼，所以像const所聲明的變量必須初始化、let,const所聲明的變量不能重復聲明。都是在檢查代碼時候，拋出錯誤。

const 必須初始化

console.log("hello world")
const a  // a 必須初始化,如果不初始化將會報 Missing initializer in const declaration

這段代碼在執行的時候，沒有先打印"hello world", 而是直接報錯。我這里理解是代碼檢查的時候，就已經把錯誤拋出來，程序沒有運行.

let聲明后的變量不能重復聲明

let b = 1; 
console.log("hello world"); 
let b =2;

這段代碼在執行的時候，沒有先打印"hello world", 而是直接報錯。我這里理解是代碼檢查的時候，就已經把錯誤拋出來，程序沒有運行.

一個變量的作用域是源程序代碼中定義這個變量的區域。

全局作用域：在最頂層聲明的變量成為全局變量，全局變量擁有全局作用域，它們在程序的任何地方都是能夠被訪問到。

函數作用域：在函數中聲明的變量只能在函數中被訪問到，函數外面是訪問不到的。

塊級作用域：任何一對花括號（｛和｝）中的語句集都屬于一個塊，在這之中定義的所有變量在代碼塊外都是不可見的，我們稱之為塊級作用域。

作用域的主要作用是能夠控制變量是使用范圍。

在Javascript中，var聲明的變量使用的是函數作用域，而let聲明的變量使用的塊級作用域。ES5中已經存在var來聲明變量，那為啥到ES6還要使用let來聲明變量？我個人覺得是能夠更好的規范我們程序代碼，避免出現出現一些我們所無法預料的錯誤。
經典例子如下:

var arr = [];
for(var i = 0; i < 10; i++) {
    var j = i;
    arr[i] = function() {
        console.log(j)
    }
}
arr[0](); // =>9 而我們預想的是0

而使用let就能避免出現這樣的問題

var arr = [];
for(var i = 0; i < 10; i++) {
    let j = i;
    arr[i] = function() {
        console.log(j)
    }
}
arr[0]() // =>0

這是因為let聲明的變量屬于塊級作用域，上面let所聲明的變量j是只能在for循環每一個{}中能被訪問。大致流程如下
當 i = 0，大致生成這樣一個塊

{
   let j = 0;  
   arr[i] = function() {
       console.log(j)
   }
}

當i = 1

{
  let j = 1;
  arr[i] = function() {
     console.log(j)
  }
}

. . . . . .
當i = 9

{
  let j = 10;
  arr[i] = function() {
     console.log(j)
  }
}

當后面去調用arr[0]()這個方法, 這是第一個塊定義的方法, 因為let聲明的變量j是塊{}作用域, 這個方法就只能訪問第一個塊{}中j的值，也就是0;
而當我們使用var的時候
當 i = 0

 {
   var j = 0;  
   arr[i] = function() {
      console.log(j)
   }
}

當 i = 1

{
  var j = 1;
  arr[i] = function() {
     console.log(j)
  }
}

當我們調用arr[0]()這個方法, 是第一個塊定義的方法，因為var聲明的變量是函數作用域，
所以上面的程序，可以理解為

var j; // var 聲明的變量具有聲明提前的作用
var arr = [];
{
    j = 0;
    arr[i] = function() {
        console.log(j)
    }
}
{
    j = 1;
    arr[i] = function() {
        console.log(j)
    }
}
**. . . . . .**
{
    j = 9;
    arr[i] = function() {
        console.log(j)
    }
}
arr[0](); // =>9 

arr[0]()運行的時候，由于沒有作用域的限制，j已經被賦值為9。所以輸出結果就是9

有人會疑問，為啥不能直接使用i，而是使用中間變量j去替換？

這里是為了讓大家更好的理解，下面直接使用i

var arr = [];
for(var i = 0 ; i < 10; i++) {
   arr[i] = function() {
       console.log(i);
  }
}
arr[0](); // => 10

var arr = [];
for(let i = 0 ; i < 10; i++) {
   arr[i] = function() {
       console.log(i);
  }
}
arr[0](); // => 0 這是正常的

這樣也是正常的符合預期，但是當我把代碼做了修改后

var arr = []; let i;
for(i = 0 ; i < 10; i++) {
   arr[i] = function() {
       console.log(i);
  }
}
arr[0](); // => 10 

這里也是let聲明的變量i,但是輸出的結果是10，這里我看完后很不理解。于是去閱讀了ES的規范 http://www.ecma-international...

這里是被認為第一種情況。let聲明的i和var聲明i在上面的代碼執行的邏輯是一樣的，就導致上面的情形。這里小伙伴們需要特別注意。

先從一個簡單的示例開始吧
執行代碼：

console.log(a); 

瀏覽器運行結果如下:

執行代碼：

if (false) {var b = 1}; 
console.log(b);

瀏覽器運行結果如下:

執行代碼：

if (false) {let c = 1}; console.log(c); 

瀏覽器運行結果如下:

第一種情形下: 當我們直接在瀏覽器輸入未聲明的變量a, 有報 a is not defined的錯誤。
第二種情形下: b => undefined
第三種情形下: c is not defined
第二種情形下，變量在聲明之前就已經能夠被使用，這種特性被稱非官方的稱為聲明提前。變量能夠提前到哪里呢？所有使用var聲明的變量被提前至函數頂部。
于是面試中常用這樣的問題出現

var global = "global"
function test () {
    console.log(global);
    var global = "local";
    console.log(global);
}
test() // undefined, local

這是因為在test函數中，var聲明的global被提前到test函數頂部，注意聲明提前是在預編譯時候執行的，并且給global初始化賦值undeifined。所以實際執行的邏輯，應該是這樣

var global = "global";
function test() {
    var global = undefined;
   console.log(global);
  global = "local";
  console.log(global);
}
test(); //undefined, local

變量聲明提前好不好，很明顯，這樣很不好。一個變量還沒有聲明就能夠被使用，太奇怪了，也太危險了。尤其是那些習慣了java、c的人看起來，這就是一個異類的特性。
所以，在ES6中，就推薦使用了let來聲明變量。

作用域內 let 聲明的變量不能在聲明之前被使用，如果發現在let聲明的變量在聲明之前被使用，將會拋出 is not defined的錯誤。程序將會被中斷，這個特性被稱為暫存死區。

在 let 變量聲明的作用域內，javaScript引擎會把let聲明的變量名收集起來。當程序開始執行的時候，代碼一行行的往下執行，引擎獲取變量之前，首先會判斷此變量的變量名是否是在let聲明的變量集合中。不存在，程序就繼續往下執行。如果存在，就判斷變量名的上一個字符串是不是let。如果是let，就把此變量名從let聲明的集合中去掉，如果不是就拋出錯誤，程序被中斷。
(純屬于個人猜想，方便理解，大家不作為參考)

console.log("hello world"); c = 1; let c;

這里是先打印"hello world"，然后再進行報錯，說明是程序在執行到 c = 1的時候報錯。
是運行的錯誤。而大家可以對比前面的let聲明同一個變量多次，是程序還沒有執行就報錯。所以這里是運行中的錯誤。可以推斷出變量暫存死區是發生程序運行中產生的，let聲明的變量不能在聲明之前使用，發現有聲明之前使用的，就會拋出錯誤，中斷程序。

另外一個程序

let x = x; 
// x is not defined
x
// x is not defined
let x
// Uncaught SyntaxError: Identifier "x" has already been declared

let x = x, 賦值從右往左執行，所以先獲取變量 x, 于是x陷入暫存死區。拋出x is not defined的錯誤，程序中斷。后面再獲取x，還是拋出x is not defined，x還是陷入暫存死區。后面的let x，拋出Uncaught SyntaxError: Identifier "x" has already been declared 錯誤是因為檢查這段代碼的時候，發現let x 已經被聲明，于是拋出錯誤。不能被重復聲明了。