js中有哪些继承方式

JavaScript016

js中有哪些继承方式,第1张

继承的方式一共有三种:

一、原型继承

通过prototype 来实现继承。

function Person(name,age) { this.name=namethis.age=age

}

Person.prototype.sayHello=function(){

alert (''使用原型得到Name:'' + this.name)

}var per = new Person("马小倩",21)

per.sayHello()//输出:使用原型得到Name:马小倩

function Student(){}

Student.prototype=new Person("洪如彤",21) //实现原型继承

var stu = new Student()

Student.prototype.grade=5

Student.prototype.intr=function(){

alert(this.grade)

}

stu.sayHello()//输出:使用原型得到Name:洪如彤

stu.intr()//输出:5

二、构造函数实现继承

function Person(name,age) { this.name=namethis.age=age

}

Person.prototype.sayHello=function(){

alert (''使用原型得到Name:'' + this.name)

}var per = new Person("马小倩",21)

per.sayHello()//输出:使用原型得到Name:马小倩

三、 通过call、apply 实现继承

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

原型链

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

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

添加方法

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

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

问题

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

借用构造函数

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

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

传递参数

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