JavaScript原型疑问：如何在原型中直接赋值this.msg替代display方法？

嘿，我完全懂你现在的困惑——JavaScript的原型链和this指向确实是新手容易卡壳的点！让我帮你拆解一下问题出在哪，以及怎么实现你想要的效果。

为什么直接在原型里赋值this.msg会报错？ #

首先得搞清楚核心逻辑：原型对象是被所有实例共享的，而且当你定义原型对象字面量的时候，里面的this指向的是原型对象本身，不是未来创建的实例。

你尝试写的代码逻辑本质上是这样的：

Message.prototype = {
    constructor: Message,
    this.msg: "..." // 这里不仅语法错误，逻辑上也完全不成立
};

JavaScript不允许在对象字面量里用this.xxx作为属性名，这就是你看到Cannot assign this. variables in object prototypes错误的直接原因。退一步说，就算语法允许，原型里的属性是所有实例共享的，这样所有Message实例的msg都会是同一个值，完全失去了封装（每个实例拥有独立数据）的意义。

实现你想要的“直接访问msg”的解决方案 #

你的核心需求应该是：不用调用display()方法，就能像访问属性一样获取每个实例的msg，同时保持封装性。这里推荐用ES6 getter方法来实现，既符合原型的工作原理，又能达到预期效果：

function Message(msg){ 
    this._msg = msg; // 用下划线约定这是“私有”实例属性（只是约定，不是真正私有）
}
Message.prototype = {
    constructor: Message,
    // 定义getter，当访问实例的msg属性时自动执行
    get msg() {
        return this._msg;
    }
};

// 现在可以直接访问msg属性了
alert(new Message("007").msg); // 弹出"007"

这个方案的原理： #

1. 构造函数里的this._msg是每个实例独有的属性，保证了封装性——每个Message实例都有自己独立的消息内容。
2. 原型里的get msg()是一个访问器方法，当你通过实例.msg访问时，JavaScript会自动调用这个getter函数，此时函数里的this指向的是当前调用的实例，所以能正确返回该实例的_msg值。
3. 如果你想限制外部修改msg，可以只定义getter不定义setter，这样msg就变成了只读属性，进一步强化封装效果。

再补个关键知识点 #

• 实例属性：每个实例独有的数据，必须在构造函数里用this.xxx定义，绝对不能放在原型里，否则会导致所有实例共享同一份数据。
• 原型方法/访问器：所有实例共享的逻辑，放在原型里可以节省内存，而且方法里的this会在调用时自动指向当前实例，能访问到实例的私有属性。

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