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)  //

  a = 2

  console.log(a)  //

}

{

  const a = 1

  console.log(a)  //

  a = 2

  console.log(a)  //报错

}

总结

let

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

const

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

巴特西

ES6 之 let / const

历史遗留问题

let

const

总结

最新文章

热门文章