您的位置:首页 > Web前端 > JavaScript

js 中继承的几种方式

2017-02-22 15:04 447 查看
继承的方式一共有三种:

一、原型继承

通过prototype 来实现继承。

function Person(name,age) {
this.name=name;
this.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=name;
this.age=age;
}

Person.prototype.sayHello=function(){
alert (''使用原型得到Name:'' + this.name);

}

var per = new Person("马小倩",21);
per.sayHello();//输出:使用原型得到Name:马小倩


三、 通过call、apply 实现继承
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: