JavaScript 六种继承方式.pdfVIP

JavaScript 六种继承方式 继承是面向对象编程中又一非常重要的概念 ，JavaScript支持实现继承 ，不支持接口继承 ，实现继承 主要依靠原型链来实现的。 原型链 首先得要明白什么是原型链 ，在一篇文章看懂proto和prototype的关系及区别中讲得非常详细 原型链继承基本思想就是让一个原型对象指向另一个类型的实例 1 function SuperType() { 2 this.property = true 3 } 4 SuperType.prototype.getSuperValue = function () { 5 return this.property 6 } 7 function SubType() { 8 this.subproperty = false 9 } 10 SubType.prototype = new SuperType() 11 SubType.prototype.getSubValue = function () { 12 return this.subproperty 13 } 14 var instance = new SubType() 15 console.log(instance.getSuperValue()) // true 代码定义了两个类型SuperType和SubType ，每个类型分别有一个属性和一个方法 ，SubType继承了 SuperType ，而继承是通过创建SuperType的实例 ，并将该实例赋给SubType.prototype实现的。 实现的本质是重写原型对象,代之以一个新类型的实例 ，那么存在SuperType的实例中的所有属性和方 法 ，现在也存在于SubType.prototype中了。 我们知道 ，在创建一个实例的时候 ，实例对象中会有一个内部指针指向创建它的原型 ，进行关联起 来 ，在这里代码SubType.prototype new SuperType() ，也会在SubType.prototype创建一个内部指 针 ，将SubType.prototype与SuperType关联起来。 所以instance指向SubType的原型 ，SubType的原型又指向SuperType的原型 ，继而在instance在调 用getSuperValue()方法的时候 ，会顺着这条链一直往上找。 添加方法 在给SubType原型添加方法的时候 ，如果 ，父类上也有同样的名字 ，SubType将会覆盖这个方法 ，达 到重新的目的。 但是这个方法依然存在于父类中。 记住不能以字面量的形式添加 ，因为 ，上面说过通过实例继承本质上就是重写 ，再使用字面量形式 ， 又是一次重写了 ，但这次重写没有跟父类有任何关联 ，所以就会导致原型链截断。 1 function SuperType() { 2 this.property = true 3 } 4 SuperType.prototype.getSuperValue = function () { 5 return this.property 6 } 7 function SubType() { 8 this.subproperty = false 9 } 10 SubType.prototype = new SuperType() 11 SubType.prototype = { 12 getSubValue:function () { 13 return this.subproperty 14 } 14 } 15 } 16 var instance = new SubType() 17 console.log(instance.getSuperValue()) // error 问题 单纯的使用原型链继承 ，主要问题来自包含引用类型值的原型。 1 function SuperType() { 2 this.colors = [red, blue, green] 3 } 4 function SubType() { 5 } 6 SubType.prototype = new SuperType() 7