JavaScript構造壓倒一切

Question

此功能的示例：

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' 

的問題是，如何讓「富」和「酒吧」？ 謝謝

Answer 1

當你在構造函數的原型中添加任何東西時，它將被所有實例共享。這對於功能來說是最好的事情，但可能不是數據。所以，要構建options對象的構造函數本身，這樣

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

當你做這樣的，只要創建的User一個對象，每個對象將獲得自己的options對象。因此，使用一個對象更改options不會影響任何其他對象的options。