ES6中let和var的區別

通過var定義的變量，作用域是整個封閉函數，是全域的 。

通過let定義的變量，作用域是在塊級或是子塊中。

for (var i = 0; i < 10; i++) {
  // ...
}
console.log(i);  // 10

for (let j = 0;j< 10;j++) {
  // ...
}
console.log(j);  // ReferenceError:j is not defined,計數器j只在for循環體內有效，在循環體外引用就會報錯。

• 變量提升現象：瀏覽器在運行代碼之前會進行預解析，首先解析函數聲明，定義變量，解析完之后再對函數、變量進行運行、賦值等。 
  - 不論var聲明的變量處於當前作用域的第幾行，都會提升到作用域的頭部。 
  - var 聲明的變量會被提升到作用域的頂部並初始化為undefined(聲明且初始化)，而let聲明的變量在作用域的頂部未被初始化(只聲明，不初始化)

var的情況：

console.log(foo); // 輸出undefined
var foo = 2;
//相當於
var foo;  //聲明且初始化為undefined
console.log(foo);// 輸出undefined
foo=2;

let的情況：

console.log(bar); // 報錯ReferenceError
let bar = 2;
//相當於在第一行先聲明bar但沒有初始化，直到賦值時才初始化

但是直接用let聲明變量不賦值是會打印undefined，還是初始化了，只是let聲明放在賦值之后，let聲明會提前但不會初始化。

let a;
alert(a);//值為undefined

alert b;//會報錯
let b;

• 只要塊級作用域內存在let命令，它所聲明的變量就“綁定”這個區域，不再受外部的影響。總之，在代碼塊內，使用let命令聲明變量之前，該變量都是不可用的，盡管代碼塊外也存在相同全局變量。

  var tmp = 123;
  
  if (true) {
    tmp = 'abc'; // ReferenceError
    let tmp;
  }
  alert(tmp);  //輸出值為123，全局tmp與局部tmp不影響

• let不允許在相同作用域內，重復聲明同一個變量。

  // 報錯
  function () {
    let a = 10;
    var a = 1;
  }
  // 報錯
  function () {
    let a = 10;
    let a = 1;
  }