本教程探讨了在JavaScript类中创建不可重新赋值的属性，以模拟Java中“final”属性的行为。由于JavaScript没有直接的“final”关键字，我们利用`Object.defineProperty`方法来设置属性的`writable`和`configurable`描述符为`false`，从而有效防止属性被修改或重新配置，确保其在初始化后保持不变。
理解JavaScript中的属性不可变性挑战
在面向对象编程中，有时我们需要定义一个属性，其值在对象实例化后便不可更改。在Java等语言中，这可以通过final关键字轻松实现。然而，JavaScript类并没有直接对应的final关键字来声明一个不可重新赋值的属性。
开发者可能会尝试使用几种方法来模拟这种行为：
-
直接赋值：
class MyClass { someProperty = computeSomeValue(); // 理论上可变 }这种方式虽然初始化了属性，但someProperty仍然是可写的，随时可以被重新赋值。
-
使用Getter：
class MyClass { get someProperty() { return computeSomeValue(); // 每次访问都重新计算 } }这种方法确实阻止了直接赋值，但其缺点在于每次访问属性时，computeSomeValue()函数都会被调用。如果该函数计算成本高昂，或者需要缓存其结果，则需要额外的逻辑来实现缓存，增加了复杂性。
为了在JavaScript类中实现一个真正不可重新赋值且高效的属性，我们需要借助Object.defineProperty方法。
核心解决方案：Object.defineProperty
Object.defineProperty()是一个强大的JavaScript方法，允许我们精确控制对象的属性。它不仅可以添加新属性，还可以修改现有属性的特性。该方法接受三个参数：
- obj：要定义属性的对象。
- prop：要定义或修改的属性的名称。
- descriptor：一个包含属性特性的对象。
在descriptor对象中，有几个关键的属性描述符可以控制属性的行为：
- value：属性的值。
- writable：一个布尔值，表示属性是否可以被赋值运算符修改。
- configurable：一个布尔值，表示属性是否可以被删除，以及其描述符（如writable、enumerable等）是否可以被更改。
- enumerable：一个布尔值，表示属性是否可以被for...in循环或Object.keys()枚举。
要创建一个不可重新赋值的属性，我们需要将writable设置为false。为了进一步增强其“最终”性，通常也会将configurable设置为false，这样属性就不能被删除，也不能在后续被重新配置为可写。
实现不可变属性的两种方法
下面介绍两种使用Object.defineProperty在JavaScript类中实现不可变属性的常见方法。
方法一：先初始化，后定义属性描述符
这种方法首先像普通属性一样初始化属性，然后在类的构造函数中，使用Object.defineProperty修改其描述符。
// 假设 computeSomeValue 是一个计算值的函数
const computeSomeValue = () => {
console.log("Calculating some value...");
return Math.random() * 100;
};
class MyClass {
// 1. 属性初始化（此时仍可写）
someProperty = computeSomeValue();
constructor() {
// 2. 在构造函数中，修改属性描述符，使其不可写和不可配置
Object.defineProperty(this, "someProperty", {
writable: false, // 不可重新赋值
configurable: false, // 不可删除，描述符不可更改
});
console.log(`MyClass实例创建，someProperty初始化为: ${this.someProperty}`);
}
}
const instance = new MyClass();
console.log(`第一次访问 someProperty: ${instance.someProperty}`);
try {
instance.someProperty = 123; // 尝试重新赋值
} catch (e) {
console.error(`尝试修改 someProperty 失败: ${e.message}`); // 在严格模式下会抛出 TypeError
}
console.log(`尝试修改后 someProperty 的值: ${instance.someProperty}`);
try {
delete instance.someProperty; // 尝试删除属性
} catch (e) {
console.error(`尝试删除 someProperty 失败: ${e.message}`); // 在严格模式下会抛出 TypeError
}
console.log(`尝试删除后 someProperty 是否存在: ${'someProperty' in instance}`);解释： 在这个例子中，someProperty在类字段声明时被初始化。随后，在constructor中，Object.defineProperty被调用，将this上的someProperty属性的writable和configurable描述符设置为false。这意味着一旦对象被构造，someProperty的值就不能再通过赋值操作符更改，也不能被删除或重新定义。
方法二：在构造函数中同时定义和赋值
这种方法在构造函数中一步到位地定义属性及其描述符，避免了属性在短暂时间内处于可写状态。
const computeSomeValue = () => {
console.log("Calculating some value...");
return Math.random() * 1000;
};
class MyClassTwo {
constructor() {
// 在构造函数中直接定义属性，并设置其描述符
Object.defineProperty(this, "someProperty", {
value: computeSomeValue(), // 属性的初始值
writable: false, // 不可重新赋值
configurable: false, // 不可删除，描述符不可更改
enumerable: true // 使其可枚举，可选
});
console.log(`MyClassTwo实例创建，someProperty初始化为: ${this.someProperty}`);
}
}
const instanceTwo = new MyClassTwo();
console.log(`第一次访问 someProperty: ${instanceTwo.someProperty}`);
try {
instanceTwo.someProperty = 456; // 尝试重新赋值
} catch (e) {
console.error(`尝试修改 someProperty 失败: ${e.message}`);
}
console.log(`尝试修改后 someProperty 的值: ${instanceTwo.someProperty}`);
console.log(`MyClassTwo的属性键: ${Object.keys(instanceTwo)}`);解释： 这种方法更加简洁，直接在构造函数中通过Object.defineProperty创建并初始化someProperty，同时设置其writable和configurable为false。value描述符用于指定属性的初始值。这种方式确保了属性从创建伊始就是不可变的。
属性描述符详解及注意事项
- writable: false：当属性的writable描述符为false时，尝试通过赋值运算符更改其值将失败。在非严格模式下，此操作会被静默忽略；但在严格模式下，它将抛出一个TypeError。因此，建议在严格模式下开发，以便及时发现此类错误。
- configurable: false：当属性的configurable描述符为false时，该属性将无法被删除（delete操作会失败，严格模式下抛出TypeError），也无法更改其描述符（例如，不能将其从writable: false改回writable: true）。这使得属性具有高度的“最终”性。
-
浅不可变性：需要注意的是，writable: false只保证属性的引用不可变。如果someProperty的值是一个对象（而不是原始类型），那么你将无法将someProperty重新赋值给另一个对象，但你仍然可以修改someProperty所引用的对象内部的属性。例如：
class MyImmutableClass { constructor() { Object.defineProperty(this, "settings", { value: { theme: 'dark', fontSize: 16 }, writable: false, configurable: false }); } } const myInstance = new MyImmutableClass(); console.log(myInstance.settings.theme); // dark myInstance.settings.theme = 'light'; // 这行代码是允许的，因为修改的是对象内部属性 console.log(myInstance.settings.theme); // light // myInstance.settings = { theme: 'light' }; // 这行会报错 (TypeError)要实现深层不可变性，需要对属性值进行深度冻结（例如使用Object.freeze()）或使用专门的不可变数据结构库。
总结
在JavaScript类中实现一个“final”或不可重新赋值的属性，最健壮和推荐的方法是利用Object.defineProperty。通过将属性的writable和configurable描述符设置为false，我们可以确保属性在初始化后不会被意外修改或删除。这种方法提供了比简单Getter更高效、更灵活的控制，是实现类中常量属性的专业实践。在实际应用中，根据需求选择在类字段声明后于构造函数中定义，或直接在构造函数中定义属性，都能有效达到目的。
