Javascript new 关键字不重置所有属性

Question

请看下面的代码。我希望输出为 123-admin 0-null。而是它的 123-admin 0-admin。你能解释一下为什么 new 关键字没有替换整个用户对象吗？

function User()
{

}
User.prototype.id=0;
User.prototype.role={name:null}

var user = new User();
user.role.name = 'admin';
user.id = 123;
window.document.write(" "+user.id+"-"+user.role.name);
user = new User();
window.document.write(" "+user.id+"-"+user.role.name);

同样在 JSFiddle 中: https://jsfiddle.net/tfgx77au/6/

Answer 1

role 属性位于原型(prototype)上，因此该对象在使用构造函数创建的所有实例之间共享。

如果您希望每个用户都有一个单独的 role 对象，您必须在构造函数中(或至少在某个地方)对其进行初始化:

function User() {
  this.role = { name: null };
}