ES6 之 let / const

本博文配合 阮一峰 《es6 标准入门（第3版）》一书进行简要概述 es6 中的 let 与 const。

历史遗留问题

由于 js es3语法中的 var 提升变量、没有块级作用域，因而搞出来了一大波的 "副产品"，匿名立即执行函数、闭包，都是 es3 js 遗留下来的产物。
所以学过 c 和 python 再来看 js ，会感觉很奇怪。
因为 es6 之前，没有块级作用域，只有通过立即执行函数+闭包的方式造一个局部函数作用域。

let

let的出现解决了 js 曾经没有块级作用域的问题，即终于在 js 中出现了正常思维逻辑的语法糖... 即 {} 划分作用域，要想使用变量，必须let声明过该变量。

{
  let a = 1
  console.log(a)
}

 

如果在 {}外使用变量，就会报错，因为let在{}中声明的是局部变量，仅供这个块级作用域使用。

{
  let a = 1
}
console.log(a)  //报错

 

这难道不应该是正常的一种使用习惯么？
然而经常使用 var es3 语法的 js 程序员反而会觉得这种用法奇怪 ...

const

用法和let几乎一致，唯一不同的是const只要一次赋值的机会。

{
  let a = 1
  console.log(a)  //1
  a = 2
  console.log(a)  //2
}

{
  const a = 1
  console.log(a)  //1
  a = 2
  console.log(a)  //报错
}

 

总结

let

• let的作用域在最近的{}之间
• 如果在定义变量 let a 之前使用变量 a，那么报错
• 如果重复定义let a，那么报错

const

• 包含let的前面三条
• 只有一次赋值机会，并且必须在声明的时候立马赋值