JavaScript中原型链存在的问题解析
网络编程 2021-07-04 20:00www.168986.cn编程入门
本文通过实例给大家介绍js原型链存在的问题解析,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
我们知道使用原型链实现继承是一个goodway)看个原型链继承的例子。
function A () { this.abc = 44; } A.prototype.getAbc = function (){ return this.abc; }; function B() { } B.prototype = new A(); // B通过A的实例完成了继承,形成了原型链(B的原型就是A的实例) var b = new B(); b.getAbc();
关系如下b(实例) ->B.prototype = new A() -> A.prototype ->Object.prototype
可是在这种看似“漂亮”的继承方法中确存在问题。
1. 最主要的问题来自包含引用类型值的原型,我们知道共享原型是存在问题的,抛出一个例子
function Person () { } Person.prototype = { friends = ["a","b"]; } var person1 = new Person(); var person2 = new Person(); person1.friends.push("c"); console.log(person1.friends); // "a","b","c" console.log(person2.friends); //"a","b","c"
通过引用实例改变了原型中本来中的值,也影响了其他实例。(这就是为什么引用类型值要定义在构造函数中而非原型中的原因)
在原型链中同样也会有同样的情况出现
function A () { this.numbers = [1,2,3]; } function B() { } B.prototype = new A(); var b = new B(); var a = new A(); b.numbers.push(4); b.numbers; //1234 var b2 = new B(); b2.numbers; //1234 a.numbers; //123
我们看到出现了和上面一样的情况(在通过原型来继承时,原型实际上会变成另一个类型的实例。于是原先的实例属性也就顺理成章的变成了现在原型属性了)。
可是我们看到A的实例a.numbers;依然是123,说明在B继承A的实例时是复制了A实例中的所有属性(包括prototype指针,形成原型链)并非引用(其实这里有疑问,是因为继承的是A()的实例所以才不会影响A()创建其他实例的表现吗?)。
2.在创建子类实例时,不可以在不影响所有对象实例的情况下给超类传递参数。
function A (light) { this.light1 = light; }; function B (light) { this.light = light; }; //给B赋值的,想给A赋值,无法实现 B.prototype = new A(); var C = new B(123); console.log(C.light); console.log(C.light1);
想实现这个需要手动调用A的构造函数,会影响其他实例
function A (light) { this.light1 = light; }; function B (light) { this.light = light; A.call(this,light);//手动调用A的构造方法 }; //给B赋值的,给A赋值 B.prototype = new A(); var C = new B(123); console.log(C.light); console.log(C.light1);
以上所述是长沙网络推广给大家介绍的JavaScript中原型链存在的问题解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程