Question

在javascript中如果我需要每个对象都有一个属性的单独值，我可以在构造函数中设置它，如下所示：

function A(x) {
    this.a = x;
}

如果我想在对象之间共享某个属性，我可以在构造函数的原型中设置它。

function B() {}
B.prototype.b = 'B0';

但是在中间情况下该怎么做？基本上，我有一个现有的代码，其中所有构造的对象从原型继承属性，但现在我需要将它们分成几个组，以便组的所有成员共享一个属性。

有没有办法以某种方式专门化构造函数B？

Answer 1

B.prototype.b不会像您设想的那样创建静态属性。它比这复杂一点，附加到原型的属性与其他实例共享它们的值，直到它们覆盖该值，这意味着：

var Foo = function(){
};
Foo.prototype.bar = 'bar';

var f1 = new Foo();
console.log( f1.bar ); //outputs 'bar'
var f2 = new Foo();
console.log( f2.bar ); //outputs 'bar'

f2.bar = 'notbar';
console.log( f2.bar ); //outputs 'notbar'
console.log( f1.bar ); //outputs 'bar'

拥有＆＃34;真实＆＃34;的唯一方法static属性是将它们附加到构造函数本身：

Foo.bar2 = 'bar2';

Foo的实例必须使用Foo.bar2访问该值。

所以你的问题的答案是创建＆＃34;子类＆＃34; （对于每个组，从基础构造函数继承其原型的构造函数）并为每个子类附加一个属性，如下所示：

var Base = function(){
};
Base.prototype.getSomething = function(){
    return this.constructor.something;
};
Base.prototype.setSomething = function( value ){
    this.constructor.something = value;
}
var Group1 = function(){
};
Group1.prototype = new Base(); //classical inheritance
Group1.prototype.constructor = Group1;
Group1.something = 'something';
var Group2 = function(){
};
Group2.prototype = new Base(); //classical inheritance
Group2.prototype.constructor = Group2;
Group2.something = 'something else';

var g1a = new Group1();
var g1b = new Group1();
var g2a = new Group2();
var g2b = new Group2();

g1a.setSomething( 'whatever' );

console.log( g1a.getSomething() ); //outputs 'whatever'
console.log( g1b.getSomething() ); //outputs 'whatever'
console.log( g2a.getSomething() ); //outputs 'something else'
console.log( g2b.getSomething() ); //outputs 'something else'

警告：Group1.prototype = new Base();实际上是不好的做法，我在几天前撰写了一篇关于3种类型的继承的博客文章，解释了原因：

http://creynders.wordpress.com/2012/04/01/demiurge-3-types-of-javascript-inheritance-2/

在Javascript中跨对象组共享属性

1 个答案: