js 原型问题,赋值方式不同,结果不同

发布于 2022-09-13 00:43:29 字数 494 浏览 21 评论 0

var User = function () {};

var admin = new User("Sam"),
guest = new User("Bob");

User.prototype.attributes = {
    isAdmin: false
};

/** 第一种 */
admin.attributes.isAdmin = true;   《======= 这边赋值

console.log(admin.attributes.isAdmin); // true
console.log(guest.attributes.isAdmin); // true

/** 第二种 */
admin.attributes = {   《=======这边赋值
    isAdmin:true
}

console.log(admin.attributes.isAdmin); // true
console.log(guest.attributes.isAdmin); // false  

为什么结果不同?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无声情话 2022-09-20 00:43:29

读取过程会沿着原型链往上,但是写入不会

admin.attributes = {} 就表示向admin对象的attributes属性进行赋值。
admin现在应该是这样的

{
    attributes: {
        isAdmin:true
    },
    __proto__: {
        attributes: {
            isAdminL false
        }
    }
}

但guest是这样的

{
    __proto__: {
        attributes: {
            isAdminL false
        }
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文