如何禁示JavaScrip变量被修改?

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

在这个例子中，所有尝试重复声明变量的操作都会导致语法错误。