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的前面三条
• 只有一次赋值机会，并且必须在声明的时候立马赋值

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有