欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6 之 let / const

程序员文章站 2022-04-14 22:29:19
本博文配合 阮一峰 《ES6 标准入门(第3版)》一书进行简要概述 ES6 中的 let 与 const。 历史遗留问题 由于 JS ES3语法中的 var 提升变量、没有块级作用域,因而搞出来了一大波的 "副产品",匿名立即执行函数、闭包,都是 ES3 JS 遗留下来的产物。所以学过 C 和 Py ......

本博文配合 阮一峰 《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的前面三条
  • 只有一次赋值机会,并且必须在声明的时候立马赋值