JavaScript中原型链存在的问题解析
我们知道使用原型链实现继承是一个goodway:)看个原型链继承的例子。
functionA(){
this.abc=44;
}
A.prototype.getAbc=function(){
returnthis.abc;
};
functionB(){
}
B.prototype=newA();//B通过A的实例完成了继承,形成了原型链(B的原型就是A的实例)
varb=newB();
b.getAbc();
关系如下:b(实例)->B.prototype=newA()->A.prototype->Object.prototype
可是在这种看似“漂亮”的继承方法中确存在问题。
1.最主要的问题来自包含引用类型值的原型,我们知道共享原型是存在问题的,抛出一个例子
functionPerson(){
}
Person.prototype={
friends=["a","b"];
}
varperson1=newPerson();
varperson2=newPerson();
person1.friends.push("c");
console.log(person1.friends);//"a","b","c"
console.log(person2.friends);//"a","b","c"
通过引用实例改变了原型中本来中的值,同时也影响了其他实例。(这就是为什么引用类型值要定义在构造函数中而非原型中的原因)
在原型链中同样也会有同样的情况出现:
functionA(){
this.numbers=[1,2,3];
}
functionB(){
}
B.prototype=newA();
varb=newB();
vara=newA();
b.numbers.push(4);
b.numbers;//1234
varb2=newB();
b2.numbers;//1234
a.numbers;//123
我们看到出现了和上面一样的情况(在通过原型来继承时,原型实际上会变成另一个类型的实例。于是原先的实例属性也就顺理成章的变成了现在原型属性了)。
可是我们看到A的实例a.numbers;依然是123,说明在B继承A的实例时是复制了A实例中的所有属性(包括prototype指针,形成原型链)并非引用(其实这里有疑问,是因为继承的是A()的实例所以才不会影响A()创建其他实例的表现吗?)。
2.在创建子类实例时,不可以在不影响所有对象实例的情况下给超类传递参数。
functionA(light){
this.light1=light;
};
functionB(light){
this.light=light;
};
//给B赋值的同时,想给A赋值,无法实现
B.prototype=newA();
varC=newB(123);
console.log(C.light);
console.log(C.light1);
想实现这个需要手动调用A的构造函数,会影响其他实例
functionA(light){
this.light1=light;
};
functionB(light){
this.light=light;
A.call(this,light);//手动调用A的构造方法
};
//给B赋值的同时,给A赋值
B.prototype=newA();
varC=newB(123);
console.log(C.light);
console.log(C.light1);
以上所述是小编给大家介绍的JavaScript中原型链存在的问题解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!