欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

用多种方法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"


相关标签: javascript