var、let、const三者的区别

一、var、let对比

参考链接：MDN_LET 博客
var与let都是用来声明变量的，两者最大的不同是let允许声明一个作用于只在块级的变量

绑定window

let声明的变量只在当前块语法内起作用，在全局声明时也不会绑定window

var x = 'global';
let y = 'global';
console.log(this.x); // "global"
console.log(this.y); // undefined

var创建封闭作用域需要用函数作用域来约束，let只需要用块语法约束即可

function varTest() {
  var x = 1;
  {
    var x = 2;  // 同样的变量!
    console.log(x);  // 2
  }
  console.log(x);  // 2
}

function letTest() {
  let x = 1;
  {
    let x = 2;  // 不同的变量
    console.log(x);  // 2
  }
  console.log(x);  // 1
}

let不存在变量提升

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

需要注意的是

let声明变量存在暂存死区

var声明的变量可以提前打印出undefined，但是let的变量必须先声明再使用

function do_something() {
  console.log(bar); // undefined
  console.log(foo); // ReferenceError
  var bar = 1;
  let foo = 2;
}

let重复声明引起SyntaxError

if (x) {
  let foo;
  let foo; // SyntaxError thrown.
}

特殊的Switch语句中只有一个块，可能会因此而报错

let x = 1;
switch(x) {
  case 0:
    let foo;
    break;

  case 1:
    let foo; // SyntaxError for redeclaration.
    break;
}

解决办法是给每个块加上{}

二、const

const用来声明常量，与let一样具有不能重复声明、存在暂时性死区、只能声明后使用。