前端之家收集整理的这篇文章主要介绍了
JavaScript中原型链存在的问题解析,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@我们知道使用原型链实现继承是一个goodway:)看个原型链继承的例子。
@H_
403_0@关系如下:b(实例) ->B.prototype = new A() -> A.prototype ->Object.prototype
@H_
403_0@可是在这种看似“漂亮”的继承
方法中确存在问题。
@H_
403_0@1. 最主要的问题来自包含引用类型值的原型,我们知道共享原型是存在问题的,抛出一个例子
@H_
403_0@通过引用实例改变了原型中本来中的值,同时也影响了其他实例。(这就是为什么引用类型值要定义在构造
函数中而非原型中的原因)
@H_
403_0@在原型链中同样也会有同样的情况出现:
@H_
403_0@我们看到出现了和上面一样的情况(在通过原型来继承时,原型实际上会变成另一个类型的实例。于是原先的实例
属性也就顺理成章的变成了现在原型
属性了)。
@H_
403_0@可是我们看到A的实例a.numbers;依然是123,说明在B继承A的实例时是复制了A实例中的所有
属性(
包括prototype指针,形成原型链)并非引用(其实这里有疑问,是因为继承的是A()的实例所以才不会影响A()创建其他实例的表现吗?)。
@H_
403_0@2.在创建子类实例时,不可以在不影响所有对象实例的情况下给超类传递参数。
@H_
403_0@想实现这个需要手动
调用A的构造
函数,会影响其他实例
调用A的构造
方法
};
//给B赋值的同时,给A赋值
B.prototype = new A();
var C = new B(123);
console.log(C.light);
console.log(C.light1);
@H_
403_0@以上所述是小编给大家介绍的JavaScript中原型链存在的问题解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时
回复大家的。在此也非常感谢大家对编程之家网站的
支持!