扫码关注官方订阅号
最近在学习es6,看到很多人说声明常量时建议使用const而不是let, 想了解一下这个是什么原因, 不论变量的值是否发生变化都使用let会出现问题吗
学习是最好的投资!
这问题的重点在const与let的相较,我先说明一下const。
在ES6之前,并没有"常量"这个东西,只有"变量"而已,也就是用var所声明的识别名称。在这份旧的Google JavaScript样式风格指引中,会告诉你要用全大写英文字符来作为常量定义,像是var MAX_HEIGHT = 10这种定义方式,甚至是使用非常特别的注释中的@const标记,有可能Google Chrome浏览器会在内部处理时认得它是个常量,但很少见到有人这样用,毕竟也只有对Chrome有用而已。对JavaScript来说,用var来声明就是个变量。
var
var MAX_HEIGHT = 10
@const
const针对是常量的声明,常量在一声明时就必定要赋给值,不然会产生错误。而对于常量在ES6的定义是:
const
不可再赋值(can't re-assignment)
赋值的意思就是用等号(=)作赋值运算,像下面这例子就是再赋值(或重覆赋值),所以会产生错误:
const a = 10 a = 20 // 错误TypeError: Assignment to constant variable.
注: JS中的赋值运算符除了等号(=)外,还有多种等号(=)与其他运算符组合而成的赋值运算符,请参考MDN的Assignment_Operators
声明了一个常量,代表这个识别名称的参照(reference)是唯读的(read-only),并不代表这个参照赋到的值是不可改变的(immutable),"const"只是针对存取层级的限制(access limitations),并不是不可改变性(immutability)。
上面这段这是在讲什么?这是在讲如果你声明的常量是一个对象、函数(也是对象)或数组类型,像这种参照类型的值,里面的值是可以再作改变的。像下面的例子都是合法的使用:
const a = [] a[0] = 1 const b = {} b.foo = 123
所以对于对象、数组、函数来说,使用const常量来声明就可以,除非你有需要再对这个数组或对象的参照重新赋值。
虽然"const"是来自英文中的"constant"(常量)字词的缩写,但在ES6的标准文档中,经常会在规则中,用对"variable"(变量)这个字词,一并说明这两个共同的特性,上面的错误消息中就可以看到"constant variable"(固定的变量/不会变的变量),这意思较为接近,也就是把它当成是一种拥有固定值特性的变量来看待。ES6中对"const"与"let"仍然有区分,在区分中的说明章节,是对于词法环境绑定(就块级作用域),是否为可改变的(lexEnvRec.CreateMutableBinding)或不可改变的(lexEnvRec.CreateImmutableBinding)两种情况。
回答原先的问题:
看到很多人说声明常量时建议使用const而不是let, 想了解一下这个是什么原因, 不论变量的值是否发生变化都使用let会出现问题吗
主要几个原因:
const可以用在对象、数组与函数上,常量一声明时就要赋值,犯错的机会会减少很多。
JS引擎也可以作优化。虽然JS语言上并没有感受差异,但实际上引擎里有区分出常量与变量,而最重要的是因为JS语言是弱(动态)类型的脚本语言,常量一声明就赋值,代表它立即决定好是什么类型与值,自然效能比变量好得多。
所以大概9成的情况都是用const,优先使用const是推荐的撰写风格,只有像for回圈语句,或一些需要再赋值的情况才会用到let。当然,你要全部用let也可以正常运作,只是没优化与这习惯不好而已。
let
1.let的优点是严格了变量声明,不会允许你在同一作用域下重复声明,同时也加入了块级作用域的概念,比如if(**){这使用let就是一个作用域}和for(){let a = *};每一次循环体中声明的a是相互独立的分属于不同的作用域;
if(**){这使用let就是一个作用域}
for(){let a = *}
2.const除了let的作用还多了:改变值或者指针的时候const会报错。比如
const a =1 ; a=2;//改基本数据类型的值,这就会报错
const a = {b:1}; a = {};//改指针报错 a.b =2//不会报错
一般是能够确定声明的量不会发生变化才会使用const,可以保证你的量不被改掉。比如一个很长的配置项的字符串。
let与const 是var的升级版 用var声明都不会出现问题,用let当然不会,使用const的好处是完全不会出现变量名冲突的问题,兼容性另说了就
简单的说就两点
const 可以避免对不需要再赋值的变量进行赋值,比如把 if (a == b) {} 错写成 if (a = b) {} 这种情况就很容易发现
if (a == b) {}
if (a = b) {}
const 已经申明了变量不会再赋值,解释器/编译器就可以对代码进行优化,提高性能。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这问题的重点在const与let的相较,我先说明一下const。
在ES6之前,并没有"常量"这个东西,只有"变量"而已,也就是用
var所声明的识别名称。在这份旧的Google JavaScript样式风格指引中,会告诉你要用全大写英文字符来作为常量定义,像是var MAX_HEIGHT = 10这种定义方式,甚至是使用非常特别的注释中的@const标记,有可能Google Chrome浏览器会在内部处理时认得它是个常量,但很少见到有人这样用,毕竟也只有对Chrome有用而已。对JavaScript来说,用var来声明就是个变量。const针对是常量的声明,常量在一声明时就必定要赋给值,不然会产生错误。而对于常量在ES6的定义是:赋值的意思就是用等号(=)作赋值运算,像下面这例子就是再赋值(或重覆赋值),所以会产生错误:
声明了一个常量,代表这个识别名称的参照(reference)是唯读的(read-only),并不代表这个参照赋到的值是不可改变的(immutable),"const"只是针对存取层级的限制(access limitations),并不是不可改变性(immutability)。
上面这段这是在讲什么?这是在讲如果你声明的常量是一个对象、函数(也是对象)或数组类型,像这种参照类型的值,里面的值是可以再作改变的。像下面的例子都是合法的使用:
所以对于对象、数组、函数来说,使用
const常量来声明就可以,除非你有需要再对这个数组或对象的参照重新赋值。虽然"const"是来自英文中的"constant"(常量)字词的缩写,但在ES6的标准文档中,经常会在规则中,用对"variable"(变量)这个字词,一并说明这两个共同的特性,上面的错误消息中就可以看到"constant variable"(固定的变量/不会变的变量),这意思较为接近,也就是把它当成是一种拥有固定值特性的变量来看待。ES6中对"const"与"let"仍然有区分,在区分中的说明章节,是对于词法环境绑定(就块级作用域),是否为可改变的(lexEnvRec.CreateMutableBinding)或不可改变的(lexEnvRec.CreateImmutableBinding)两种情况。
回答原先的问题:
主要几个原因:
const可以用在对象、数组与函数上,常量一声明时就要赋值,犯错的机会会减少很多。JS引擎也可以作优化。虽然JS语言上并没有感受差异,但实际上引擎里有区分出常量与变量,而最重要的是因为JS语言是弱(动态)类型的脚本语言,常量一声明就赋值,代表它立即决定好是什么类型与值,自然效能比变量好得多。
所以大概9成的情况都是用
const,优先使用const是推荐的撰写风格,只有像for回圈语句,或一些需要再赋值的情况才会用到let。当然,你要全部用let也可以正常运作,只是没优化与这习惯不好而已。1.let的优点是严格了变量声明,不会允许你在同一作用域下重复声明,同时也加入了块级作用域的概念,比如
if(**){这使用let就是一个作用域}和for(){let a = *};每一次循环体中声明的a是相互独立的分属于不同的作用域;2.const除了let的作用还多了:改变值或者指针的时候const会报错。
比如
一般是能够确定声明的量不会发生变化才会使用const,可以保证你的量不被改掉。比如一个很长的配置项的字符串。
let与const 是var的升级版 用var声明都不会出现问题,用let当然不会,使用const的好处是完全不会出现变量名冲突的问题,兼容性另说了就
简单的说就两点
const可以避免对不需要再赋值的变量进行赋值,比如把if (a == b) {}错写成if (a = b) {}这种情况就很容易发现const 已经申明了变量不会再赋值,解释器/编译器就可以对代码进行优化,提高性能。