JavaScript六种继承方式？

JavaScript025

JavaScript六种继承方式？,第1张

继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。

原型链

首先得要明白什么是原型链，昆明北大青鸟http://www.kmbdqn.cn/建议可以在一篇文章看懂proto和prototype的关系及区别中讲得非常详细

原型链继承基本思想就是让一个原型对象指向另一个类型的实例

添加方法

在给SubType原型添加方法的时候，如果，父类上也有同样的名字，SubType将会覆盖这个方法，达到重新的目的。但是这个方法依然存在于父类中。

记住不能以字面量的形式添加，因为，上面说过通过实例继承本质上就是重写，再使用字面量形式，又是一次重写了，但这次重写没有跟父类有任何关联，所以就会导致原型链截断。

问题

单纯的使用原型链继承，主要问题来自包含引用类型值的原型。

借用构造函数

此方法为了解决原型中包含引用类型值所带来的问题。

这种方法的思想就是在子类构造函数的内部调用父类构造函数，可以借助apply()和call()方法来改变对象的执行上下文

传递参数

借助构造函数还有一个优势就是可以传递参数

//创建没有属性的对象

var empty = {}

//两个属性的对象

var point = {

x: 0,

y: 0

}

也可以new。

var arr=new Array()

继承的不能是对象，得是类。

// 定义一个动物类

function Animal (name) {

// 属性

this.name = name || 'Animal'

// 实例方法

this.sleep = function(){

console.log(this.name + '正在睡觉！')

}

}

// 原型方法

Animal.prototype.eat = function(food) {

console.log(this.name + '正在吃：' + food)

}

1、原型链继承

核心： 将父类的实例作为子类的原型

function Cat(){

}

Cat.prototype = new Animal()

Cat.prototype.name = 'cat'

//　Test Code

var cat = new Cat()

console.log(cat.name)

console.log(cat.eat('fish'))

console.log(cat.sleep())

console.log(cat instanceof Animal)//true

console.log(cat instanceof Cat)//true