在JavaScript中进行继承时,我经常看到的模式是在原型中定义实例方法,但在构造函数中定义实例字段(参见下面的示例)。这样做的动机是什么?为什么不保持一致,并在原型中定义两者呢?
function MyClass() {
this.myField = 0; // why this...
}
MyClass.prototype.myField = 0; // ...instead of this?
说明
因为原型属性在所有实例之间是共享的,因为每个实例都有对同一个原型对象的引用。
这不是不可变类型的问题,你可以这样做:
MyClass.prototype.myField = 0;
var a = new MyClass();
a.myField = 42;
,只有a
有这个值。这是因为赋值为a
创建了属性myField
。您可以在赋值前后调用a.hasOwnProperty('myField')
来测试这一点。
但是如果你有对象或数组
MyClass.prototype.myField = [];
,你只是附加到该数组,不分配一个新的数组(如a.myField = []
),那么每个实例在该数组中具有新值。
解决方案
必须在构造函数中初始化数组和对象,以便每个实例获得自己的对象或数组实例。一些风格指南建议你仍然在原型上创建属性,但是用null
初始化它。这除了在代码中添加一些概念性结构(如果存在的话)之外,没有任何好处。
function MyClass() {
this.myField = [];
}
/**
* @type {Array}
*/
MyClass.prototype.myField = null;