实现JavaScript类中不可变属性的策略：模拟“final”行为-js教程-PHP中文网

实现JavaScript类中不可变属性的策略：模拟“final”行为

DDD

发布： 2025-11-18 11:06:42

原创

772人浏览过

实现javascript类中不可变属性的策略：模拟“final”行为

本教程探讨了在JavaScript类中创建不可重新赋值的属性，以模拟Java中“final”属性的行为。由于JavaScript没有直接的“final”关键字，我们利用`Object.defineProperty`方法来设置属性的`writable`和`configurable`描述符为`false`，从而有效防止属性被修改或重新配置，确保其在初始化后保持不变。

理解JavaScript中的属性不可变性挑战

在面向对象编程中，有时我们需要定义一个属性，其值在对象实例化后便不可更改。在Java等语言中，这可以通过final关键字轻松实现。然而，JavaScript类并没有直接对应的final关键字来声明一个不可重新赋值的属性。

开发者可能会尝试使用几种方法来模拟这种行为：

直接赋值：
```
class MyClass {
  someProperty = computeSomeValue(); // 理论上可变
}
```
登录后复制
这种方式虽然初始化了属性，但someProperty仍然是可写的，随时可以被重新赋值。

立即学习“Java免费学习笔记（深入）”；
使用Getter：
```
class MyClass {
  get someProperty() {
    return computeSomeValue(); // 每次访问都重新计算
  }
}
```
登录后复制
这种方法确实阻止了直接赋值，但其缺点在于每次访问属性时，computeSomeValue()函数都会被调用。如果该函数计算成本高昂，或者需要缓存其结果，则需要额外的逻辑来实现缓存，增加了复杂性。

为了在JavaScript类中实现一个真正不可重新赋值且高效的属性，我们需要借助Object.defineProperty方法。

核心解决方案：Object.defineProperty

Object.defineProperty()是一个强大的JavaScript方法，允许我们精确控制对象的属性。它不仅可以添加新属性，还可以修改现有属性的特性。该方法接受三个参数：

行者AI

行者AI绘图创作，唤醒新的灵感，创造更多可能

100

查看详情

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更高效、更灵活的控制，是实现类中常量属性的专业实践。在实际应用中，根据需求选择在类字段声明后于构造函数中定义，或直接在构造函数中定义属性，都能有效达到目的。

以上就是实现JavaScript类中不可变属性的策略：模拟“final”行为的详细内容，更多请关注php中文网其它相关文章！