JavaScript中的常量探究
ES6(2015)为JavaScript引入了const
关键字,它定义了一种新的变量声明方式,即常量。常量,就像它的名字所暗示的,是那些一旦声明并赋值后,就不能再被修改或重新声明的变量。而且,使用const
声明的常量具有块级作用域的特性。
常量的不变性质
使用const
声明的常量具有不可变性。这意味着,一旦给常量赋了值,就不能再改变它。例如:
const TAU = 6.28318530718; // TAU是2π,一个在数学中常用的常数
// 以下尝试修改常量的操作都是不允许的
TAU = 6.28; // 报错
TAU += 10; // 报错
在这个例子中,任何试图重新给TAU
赋值的操作都会引发错误。
常量必须立即初始化
与var
和let
不同,使用const
声明的常量在声明时必须立即初始化。例如:
const EULER_NUMBER = 2.71828; // 正确:声明并初始化常量
而以下先声明后赋值的方式是不允许的:
const GOLDEN_RATIO; // 报错:常量未初始化
GOLDEN_RATIO = 1.61803;
const
的使用时机
当希望某个值在程序的整个生命周期内保持不变时,就应该使用const
来声明它。这包括数组、对象、函数、正则表达式等复杂数据类型,只要确定不会重新为它们分配新值。
常量与引用类型的深入解析
需要注意的是,const
的不可变性是指常量指向的内存地址不可变,而不是指常量所持有的值本身不可变。因此,对于对象和数组这样的引用类型,虽然不能重新为它们分配新值,但可以修改它们所持有的内容。例如:
const fruits = ['strawberry', 'blueberry'];
fruits[0] = 'raspberry'; // 可以修改数组元素
fruits.push('blackberry'); // 可以向数组添加元素
const person = { name: 'Emma', age: 22 };
person.age = 23; // 可以修改对象的属性
person.city = 'New York'; // 可以向对象添加属性
但是,以下尝试重新分配数组或对象的操作都是不允许的:
fruits = ['raspberry', 'blueberry']; // 报错:不能重新分配常量所指向的值
person = { name: 'Eva', age: 23 }; // 报错:同上
var
、let
与const
的比较
关键字 | 作用域 | 可重复声明 | 可重新赋值 | 变量提升 | this 绑定 |
---|---|---|---|---|---|
var | 无 | 是 | 是 | 是 | 是 |
let | 块级 | 否 | 是 | 否(存在暂时性死区) | 否 |
const | 块级 | 否 | 否 | 否(存在暂时性死区) | 否 |
使用const
的好处
- 通过块级作用域,可以避免由变量提升引发的问题。
- 禁止重复声明,有助于捕捉错误,避免变量名冲突。
- 强制初始化,减少了因未初始化的变量而导致的错误。
- 不会隐式绑定到全局对象,避免了可能的问题。
浏览器兼容性考虑
尽管const
在现代浏览器中得到了广泛支持,但在Internet Explorer 11或更早版本中,let
和const
是不受支持的。因此,在开发时需要考虑目标用户的浏览器兼容性。
块级作用域示例
const
声明的常量遵循块级作用域规则,这意味着它们只在声明它们的块或子块中可见。例如:
const greeting = 'Hello';
if (true) {
const welcome = 'Welcome';
console.log(welcome); // 输出 'Welcome'
console.log(greeting); // 输出 'Hello'
}
console.log(greeting); // 输出 'Hello'
console.log(welcome); // 报错:welcome is not defined
在这个例子中,welcome
常量只在if
块内部可见,而greeting
常量则在整个作用域中都可见。
不可重复声明示例
在同一作用域内,不允许重复声明const
变量,也不允许将现有的var
或let
变量重新声明为const
。例如:
var speed = 100;
const speed = 200; // 报错:Identifier 'speed' has already been declared
let distance = 50;
const distance = 100; // 报错:Identifier 'distance' has already been declared
const time = 5;
const time = 10; // 报错:Identifier 'time' has already been declared
在这个例子中,所有尝试重复声明变量的操作都会导致语法错误。