在Javascript中跨对象组共享属性

时间:2012-04-06 08:06:28

标签: javascript inheritance behavior

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

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

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

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

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

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

1 个答案:

答案 0 :(得分: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'

拥有"真实"的唯一方法static属性是将它们附加到构造函数本身:

Foo.bar2 = 'bar2';

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

所以你的问题的答案是创建"子类" (对于每个组,从基础构造函数继承其原型的构造函数)并为每个子类附加一个属性,如下所示:

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/