1、什么是继承?
子类可以使用父类的所有功能,并且对功能进行扩展。
新增方法
改用方法
(1)、ES6使用extends子类继承父类的方法。
// 父类
class A{
constructor(name){
this.name= name;
}
getName () {
return this.name;
}
};
// 子类继承
class B extends A {
constructor(name){
super(name) // 记得用super调用父类的构造方法!
}
getName(){
const name = super.getName();
return name;
}
}
var b = new B('2');
console.log(b.getName()); //2
(2)、ES5的继承方法:
// 父类
function P(name) {
this.name = name;
}
// 父类方法
P.prototype.get=function(){
return this.name;
}
// 子类
function C(name){
P.call(this,name);
}
// 封装继承。也就是C.prototype.proto = P.prototype
function I(Pfn,Cfn){
var prototype = Object.create(Pfn.prototype);
prototype.constructor = Cfn;
Cfn.prototype = prototype;
}
// 调用继承方法,并传入参数
I(P,C);
var c = new C(‘maomin’);
console.log(c.get()); // maomin
(3)、ES3实现继承
使用ES3实现继承无非是替代了Object.create(Pfn.prototype),我们先来看下
大家知道我们封装的I方法是原理是C.prototype.proto = P.prototype。但是我们不推荐这样,因为__proto__是浏览器内置的属性,并不是JS内置的,所以不推荐这样做。我们来封装一个方法来替代Object.create(Pfn.prototype)。
function objectCreate (o) {
function P1() {}
P1.prototype = o;
return new P1();
}