将属性添加到JS对象

Question

我知道这可能是重复的,但我发现了许多类似于我的问题,但他们的回答没有回答我的问题.例如,据我所知,此页面https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty不包含我的问题的答案.

这就是我所拥有的:

var User = function() {
  this.name = '';
}

User.prototype.password = '';
// or
Object.defineProperty(User.prototype, 'password', {enumerable: true, configurable: true, writable: true});

console.log(new User()); // User {name: ""}

这当然会为对象的原型添加密码,但是我想在定义构造函数后将密码添加为成员.有没有办法实现这个目标？

var User = function() {
  this.name = '';
}

User.prototype.password = '';

console.log(new User()); // User {name: "", password: ""}

Answer 1

如果你想用操作符创建一个新的对象new，如果你不能再修改构造函数的话，这可能会很困难。据我所知，如果您使用new运算符，构造函数是唯一可以定义实例变量的地方。

如果要使用 创建对象Object.create，则可以在第二个参数中传入更多属性，类似于Object.defineProperty：

var User = function() {
  this.name = '';
}

User.prototype.xyz = ''; // Add whatever you need to your prototype

var o = Object.create(User.prototype, {
    'password': {enumerable: true, configurable: true, writable: true, value: ''}
});
User.call(o);

如果您需要在创建对象之前执行此操作，您始终可以将原始构造函数包装在另一个函数中：

var User = function() {
  this.name = '';
}

User.prototype.xyz = ''; // Add whatever you need to your prototype

var originalUser = User;

var User = function() {
    this.password = '';
    originalUser.call(this);
}

User.prototype = originalUser.prototype;

var o = new User();

我个人认为该Object.create版本更清晰且不易出错（特别是如果您想在不同时间添加多个属性）。