方式1:
1.定义父类型构造函数
2.给父类型的原型添加方法
3.定义子类型的构造函数
4.创建父类型的对象赋值给子类型的原型
5.将子类型原型的构造属性设置为子类型
6.给子类型原型添加方法
7.创建子类型的对象:可调用父类型的方法
子类型的原型是父类型的一个实例对象
//父类型
function Supper(){
this.supper = "Supper Property";
}
Supper.prototype.showSupper = function(){
console.log(this.supper);
}
//子类型
function Sub(){
this.sub = "Sub Property";
}
//子类型的原型为父类型的实例对象
Sub.prototype = new Supper();
Sub.prototype.showSub = function(){
console.log(this.sub);
}
var sub = new Sub();
sub.showSub();
sub.showSupper();
console.log(sub.constructor);//输出的是父类
//如果想要让它指向sub必须添加 Sub.prototype.constructor = Sub;
方式2:用构造函数继承
1.定义父类构造函数
2.定义子类型构造函数
3.在子类型构造函数中调用父类型构造
在子类型构造函数中使用call()调用构造函数
function Person(name,age){
this.name = name;
this.age = age;
}
function Student(name,age,price){
Person.call(this.name,this.age);
this.price = price;
}
var s = new Student('Mary',20,8000);
方式3:
原型链+借用构造函数的组合继承
1.利用原型链实现对父类型对象的方法继承
2.利用super()借用父类型构造函数初始化相同属性
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype.setName = function(name){
this.name = name;
}
function Student(name,age,price){
Person.call(this.name,this.age);
this.price = price;
}
Student.prototype = new Person();//为了能看到父类方法
Student.prototype.constructor = Student;//让constructor指向子类
Student.prototype.setPrice = function(price){
this.price = price;
}
var s = new Student('Mary',20,8000);
s.setName('ww');
s.setPrice(7000);