JS的继承方式有很多种,最理想的继承方式是寄生组合式继承。
1.创建父类型
function Person(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
}
//父类的方法
Person.prototype.running=function(){
console.log(this.name + " running~");
}
2.创建子类型
同时通过借用构造函数继承的方式 继承父类的属性,
并且使用组合式继承,继承父类的方法。
function Student(name,age,sex,sno){
//借用构造函数继承 父类属性
Person.call(this,name,age,sex);
this.sno=sno;
}
//使用组合继承 继承父类的方法
Student.prototype=new Person();
Student.prototype.constructor=Student;
// 子类的方法必须得在完成组合继承后创建
Student.prototype.reading=function(){
console.log(this.name + " reading~");
}
组合继承(构造函数和原型的组合)会调用两次父类构造函数的代码。
这样虽然成功的将方法继承过来了,但是也同时将属性第二次继承了过来,就显得多余了。
因此引入寄生组合式继承,即通过借用构造函数来继承属性,通过原型链的方式来继承方法,而不需要为子类指定原型而调用父类的构造函数,我们需要拿到的仅仅是父类原型的一个副本。
//SubType子类 SuperType父类
function inheritPrototype(SubType, SuperType) {
SubType.prototype = Object.create(SuperType.prototype);
//将子类原型的constructor重新指向子类
Object.defineProperty(SubType.prototype, "constructor", {
enumerable: false,
configurable: true,
writable: true,
value: SubType,
});
}
Object.create()
方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__
Object.defineProperty()
方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。
//组合式继承
// Student.prototype=new Person();
// Student.prototype.constructor=Student;
// ==>替换成
//使用寄生组合式 继承父类的方法
inheritPrototype(Student,Person);
现在就完成了最理想的继承了。
每天进步一点点!