Javascript构造函数重写

Javascript constructor overriding

本文关键字:重写 构造函数 Javascript      更新时间:2023-09-26

这是一个函数示例:

function User (name) {
  this.options.name = name;
};
User.prototype.options = {
  name: 'Default'
};
var foo = new User('foo');
var bar = new User('bar');
console.log( foo.options.name );   // 'bar'
console.log( bar.options.name );   // 'bar'

问题是,如何获得"foo"answers"bar"?感谢

当您在构造函数的原型中添加任何内容时,这些内容将由所有实例共享。这对函数来说是最好的,但对数据来说可能不是。因此,您希望在构造函数本身中构造options对象,就像这个

function User(name) {
    this.options = {
        name: name || "Default"
    };
}

当您这样做时,每当创建User的对象时,每个对象都将获得自己的options对象。因此,用一个对象更改options不会影响任何其他对象的options