用多种方法JAVAScript实现继承。
程序员文章站
2024-03-18 21:25:04
...
用多种方法JAVAScript实现继承。
ES6class继承
class Parent{
constructor(value){
this.value=value
}
getValue(){
console.log(this.value)
}
}
class Child extends Parent{
constructor(value){
super(value)调用super这个方法,调用父类的所有功能constructor内的方法
this.value=value;
}
}
let childThree=new Child(3);
childThree.getValue()
ES6的继承机制,实质是先创造父类的实例对象this(所以必须先调用super方法),然后再用子类的构造函数修改this。
原型链继承
将某个函数的实例赋给 想要继承的人的原型链上面
function SuperType(){
this.colors = ["red", "blue", "green"];
}
SuperType.prototype.Fun = function(){
};
function SubType(){
}
//继承了SuperType
SubType.prototype = new SuperType();
var instance1 = new SubType();
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
var instance2 = new SubType();
alert(instance2.colors); //"red,blue,green,black"