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

ES6 let and const

程序员文章站 2022-07-16 18:05:31
...

在ES6之前,并没有"常量"这个东西,只有"变量"而已,也就是用var
所声明的识别名称。在这份旧的Google JavaScript样式风格指引中,会告诉你要用全大写英文字符来作为常量定义,像是
var MAX_HEIGHT = 10

这种定义方式,甚至是使用非常特别的注释中的@const
标记,有可能Google Chrome浏览器会在内部处理时认得它是个常量,但很少见到有人这样用,毕竟也只有对Chrome有用而已。对JavaScript来说,用var
来声明就是个变量。
const
针对是常量的声明,常量在一声明时就必定要赋给值,不然会产生错误。而对于常量在ES6的定义是:
不可再赋值(can't re-assignment)

赋值的意思就是用等号(=)作赋值运算,像下面这例子就是再赋值(或重覆赋值),所以会产生错误:

const a = 10a = 20 // 错误TypeError: Assignment to constant variable. 

注: JS中的赋值运算符除了等号(=)外,还有多种等号(=)与其他运算符组合而成的赋值运算符,请参考MDN的Assignment_Operators

声明了一个常量,代表这个识别名称的参照(reference)是唯读的(read-only),并不代表这个参照赋到的值是不可改变的(immutable),"const"只是针对存取层级的限制(access limitations),并不是不可改变性(immutability)。
上面这段这是在讲什么?这是在讲如果你声明的常量是一个对象、函数(也是对象)或数组类型,像这种参照类型的值,里面的值是可以再作改变的。像下面的例子都是合法的使用:

const a = []a[0] = 1const b = {}b.foo = 123

所以对于对象、数组、函数来说,使用const
常量来声明就可以,除非你有需要再对这个数组或对象的参照重新赋值。
虽然"const"是来自英文中的"constant"(常量)字词的缩写,但在ES6的标准文档中,经常会在规则中,用对"variable"(变量)这个字词,一并说明这两个共同的特性,上面的错误消息中就可以看到"constant variable"(固定的变量/不会变的变量),这意思较为接近,也就是把它当成是一种拥有固定值特性的变量来看待。ES6中对"const"与"let"仍然有区分,在区分中的说明章节,是对于词法环境绑定(就块级作用域),是否为可改变的(lexEnvRec.CreateMutableBinding)或不可改变的(lexEnvRec.CreateImmutableBinding)两种情况。

比较

  1. let的优点是严格了变量声明,不会允许你在同一作用域下重复声明,同时也加入了块级作用域的概念,比如
    if(**){这使用let就是一个作用域}和for(){let a = *};每一次循环体中声明的a是相互独立的分属于不同的作用域;

  2. const除了let的作用还多了:改变值或者指针的时候const会报错。
    比如

const a =1 ;
a=2;//改基本数据类型的值,这就会报错
const a = {b:1};
a = {};//改指针报错
a.b =2//不会报错
  1. 一般是能够确定声明的量不会发生变化才会使用const,可以保证你的量不被改掉。比如一个很长的配置项的字符串。