闭包和多个实例

Question

我喜欢闭包，因为你可以从它们制作一个API，但它很糟糕，你不能拥有多个实例。

http://jsfiddle.net/LxCJe/1/

var Person = (function() { 

    // private properties and methods 
    var Constr, name; 

    // public API 
    Constr = function (n) { 
     name = n; 
    }; 

    Constr.prototype.sayName = function(){return name;}; 

    return Constr; 
}()); 


var person1 = new Person('Foo'); 
var person2 = new Person('Bar'); //New values will overwrite the name because of the closure. 

console.log(person1.sayName()); //Bar 
console.log(person2.sayName()); //Bar 

是否有其他办法可以使用原型来访问私有成员和创建不同的实例？

Answer 1

如果你真的想利用构造函数和成员为私有，那么你可以做这样的

var Person = function(my_name) { 

    // private properties and methods 
    var Constr, name; 

    // public API 
    Constr = function(n) { 
     name = n; 
    }; 

    Constr.prototype.sayName = function() { 
     return name; 
    }; 

    return new Constr(my_name); 
}; 

注：

1. 但是，这是没有效率的，因为每次创建Person的对象时，我们必须创建Constr构造函数。

2. 它使从Constr/Person不可能继承，如Constr不能从外部访问和Person原型是空的。

   console.log(Person.prototype); // {} 
   

我认为，不是所有的变量将是你的私人类。所以，你可以有私有成员，这样

var Person = function(my_name) { 

    // private properties and methods 
    var name = my_name; 

    // public API 
    this.getName = function() { 
     return name; 
    } 

    this.setName = function(newName) { 
     name = newName; 
    } 
}; 

Person.prototype.printName = function() { 
    console.log(this.getName()); 
} 

var person1 = new Person('Foo'); 
var person2 = new Person('Bar'); 

console.log(person1.getName()); // Foo 
console.log(person2.getName()); // Bar 
console.log(Person.prototype); // { printName: [Function] } 
person1.printName(); 
person2.printName(); 

Answer 2

你可以在这里降低构造的数量，并创建一个新的公共接口每次new Person(name)被称为：

function Person(name) 
{ 
    // return public api that closes over 'name' 
    return { 
     sayName: function() { 
      return name; 
     } 
    }; 
} 

您返回的公共接口将不再是Person的一个实例，对于这种特殊方法应该记住这一点。

Answer 3

我认为未来的方式是Object.defineProperties，它与通常兼容HTML5的浏览器兼容（IE9 +，最显着的是;请参阅es5-shim以获得最佳的回填效果）。

有了这一点，你可以定义只读干将，看起来就像属性（不是函数），不要毁了原型继承或创建一个新的构造函数每次：（JSFiddle here）

// name is read-only, but only modern browsers (ie 9+) 
function Person(attributes) { 
    Object.defineProperties(this, { 
     name: {value: attributes.name} 
    }) 
} 

person1 = new Person({name: 'Foo'}); 
person2 = new Person({name: 'Bar'}); 

console.log(person1.name) // Foo 
console.log(person2.name) // Bar 

或者，类似于别人的评论，你可以做以下为更好的浏览器兼容性，同时保持原型正确性和只读API：

// read-only-ish, but better browser compatibility 
function Person(attributes) { 
    this._name = attributes.name 
} 
Person.prototype.name = function() { return this._name } 

person1 = new Person({name: 'Foo'}); 
person2 = new Person({name: 'Bar'}); 

console.log(person1.name()) // Foo 
console.log(person2.name()) // Bar