JavaScript类语法下修改类实例属性的更优方式是什么？

你最初定义的基础Person类代码：

class Person {
    constructor(name) {
        this.name = name;
    }
}

初始化实例的代码：

const test = new Person('George');

针对你提到的两种属性修改方案，具体说明如下：

直接通过属性访问修改 #

JavaScript里默认声明的类实例属性都是公开可读写的，直接通过点运算符赋值是完全合法可运行的写法：

// 直接赋值即可，示例把name改成John
test.name = 'John';

这种写法优势是简单直接，没有额外封装成本，适合属性不需要任何校验、赋值没有联动逻辑的简单场景。

通过类内部定义的方法修改属性 #

首先你写的setName方法存在语法错误：类内部定义实例方法不需要加const关键字，正确的类改造代码如下：

class Person {
    constructor(name) {
        this.name = name;
    }

    // 类实例方法直接写方法名即可，不需要变量声明关键字
    setName(newName) {
        // 方法内部可以自由加校验、联动逻辑
        if (typeof newName !== 'string' || !newName.trim()) {
            throw new Error('名称必须是非空字符串');
        }
        this.name = newName;
    }
}

修改属性时调用实例方法即可：

test.setName('John');

选型参考 #

• 仅做简单值存储，属性赋值没有任何附加规则、不需要触发其他联动操作时，直接修改属性完全可用，代码更简洁。
• 属性赋值存在格式校验、取值范围限制，或者修改属性需要同步触发日志记录、视图更新、关联属性变更等逻辑时，优先用类方法封装修改逻辑，避免散落在各处的直接赋值绕过规则，降低后续维护成本。

补充：如果要强制禁止外部直接修改属性，可以使用ES2022支持的私有属性语法（属性名前加#），此时外部无法直接读写该属性，必须通过类暴露的方法操作，示例代码：

class Person {
    // 声明私有属性，外部无法直接访问
    #name;
    constructor(name) {
        this.#name = name;
    }
    setName(newName) {
        if (typeof newName !== 'string' || !newName.trim()) {
            throw new Error('名称必须是非空字符串');
        }
        this.#name = newName;
    }
    getName() {
        return this.#name;
    }
}

这种写法下外部直接写test.#name会直接抛出语法错误，从语言层面阻断了外部直接修改属性的可能。

内容的提问来源于stack exchange，提问作者Onyx