So verwenden Sie JS-Vererbung und Mehrfachvererbung

Dieses Mal zeige ich Ihnen, wie Sie JSVererbung und Mehrfachvererbung verwenden und welche Vorsichtsmaßnahmen für die Verwendung von JS-Vererbung und Mehrfachvererbung gelten. Das Folgende ist ein praktischer Fall: Werfen wir einen Blick darauf.

Obwohl der neueste EC6 bereits über klassenbezogene Funktionen verfügt, müssen Sie dieses Wissen aus der Perspektive der Beliebtheit und der Notwendigkeit, alten Code zu lesen, verstehen.

Die Struktur dieses Artikels:

① Prinzip und Analyse

② Anwendung nach einfacher Kapselung

1. Vererbung

① Prinzip und Analyse

Erstes Bild:

Verwenden Sie die Idee dieses Codes, um die Vererbung zu implementieren, das heißt:

var inherit=function(objBase){
    var F=function(){}; //第一步：定义一个函数F
    F.prototype=objBase; //第二步：将传进来的基类对象(objBase)赋给函数F的原型(F.prototype)
    return new F(); //第三步：返回一个F对象(已经具备了objBase特征)
}

② Anwendung nach einfacher Kapselung

Function.prototype.inherit=function(objBase){
    this.prototype=new objBase();
}
var Person=function(){
    this.name="倩倩";
    this.sex="女";
}
var Student=function(){
    this.id="0712";
}
Student.inherit(Person);
var student=new Student();
alert(student.name +","+ student.sex +","+ student.id);

2. Mehrfachvererbung

① Prinzip und Analyse

Mehrfachvererbung besteht darin, Mitglieder mehrerer Objekte auf das aktuelle Objekt zu übertragen

var o1={name:"倩倩"} //对象的字面值
var o2={sex:"女"}
var She=function(){}
She.prototype={};  //先声明
for(var k in o1){
    She.prototype[k]=o1[k];
}
for(var k in o2){
    She.prototype[k]=o2[k];
}
var she=new She();
alert(she.name + "," + she.sex);

② Anwendung nach einfacher Kapselung

Function.prototype.inherits=function(){
    var arr=arguments; //将接收到的arguments对象传给数组arr
    this.prototype={};
    for(var i=0;i<arr.length;i++){
      for(var k in arr[i]){
        var obj=arr[i];
        this.prototype[k]=obj[k];
      }
    }
}
var o1={name:"倩倩"} //对象的字面值
var o2={sex:"女"}
var She=function(){}
She.inherits(o1,o2);
var she=new She();
alert(she.name + "," + she.sex);

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website!

Empfohlene Lektüre:

So bedienen Sie die Express-Standardprotokollkomponente Morgan

Welche Codierungsstandards für JS veröffentlicht wurden von Google

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JS-Vererbung und Mehrfachvererbung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!