1、什么是继承?
子类可以使用父类的所有功能,并且对功能进行扩展。
代码语言:javascript复制新增方法
改用方法
12
(1)、ES6使用extends子类继承父类的方法。
代码语言:javascript复制// 父类
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
12345678910111213141516171819202122
(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(); }
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120032525