Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung der prototypischen Vererbung von JavaScript und Codebeispiele für die kombinierte Vererbung

Detaillierte Erläuterung der prototypischen Vererbung von JavaScript und Codebeispiele für die kombinierte Vererbung

伊谢尔伦
Freigeben: 2017-07-20 16:26:23
Original
1441 Leute haben es durchsucht

Prototyp:


function Body(name,age){// 创建一个Body类
  this.name = name;// 赋予基础属性name、age
  this.age = age;
}
Body.prototype.sayName =function() {// 给原型定义一个sayName的方法
  console.log(this.name);
}
var a = new Body('wutao','10');//创建一个Body的实例对象

function Another(){}
Another.prototype = new Body('www');//将Body实例对象给新创建的子类(Another)的prototype属性,这样,Another就拥有了Body的属性和方法
var b = new Another();//创建Another子类的实例
Another.prototype.sex ="mail";//定义子类的属性及方法
Another.prototype.saySex = function(){
  console.log(this.sex);
}
a.sayName();//wutao
b.sayName();//www 实例b拥有父类Body的方法sayName
b.saySex();//mail 实例b拥有自己定义的方法saySex
Nach dem Login kopieren

Ausleihkonstruktor (call&apply) kann auch als kombinierte Vererbung verstanden werden anrufen:


function Person(name){
  this.name = name;
  this.sayHello = function(){
    console.log(this.name);
  }
}

function Son(name,age){
  Person.call(this,name,age);//call用法:将this指针指向父类构造函数,并依次传入参数,使其拥有父类的属性和方法
  this.age = age;
  this.sayFunc = function(){
    console.log(this.name+"-"+this.age);
  } 
}
var a = new Person('wutao');
var b = new Son("wwwwww",22);
a.sayHello();//wutao
b.sayHello();//wwwwww; 通过call继承来的父类Person的方法sayHello
b.sayFunc();//wwwwww-22
Nach dem Login kopieren

bewerben:


function Person(name){
  this.name = name;
  this.sayHello = function(){
    console.log(this.name);
  }
}

function Son(name,age){
  Person.apply(this,[name,age]);//apply用法:类似call,将this指针指向父类构造函数,并传入一个由参数组成的数组参数,使其拥有父类的属性和方法
  this.age = age;
  this.sayFunc = function(){
    console.log(this.name+"-"+this.age);
  } 
}
var a = new Person('wutao');
var b = new Son("ttt",222);
a.sayHello();//wutao
b.sayHello();//ttt;通过apply继承来的父类Person的方法sayHello
b.sayFunc();//ttt-222
Nach dem Login kopieren

Es gibt nur diese beiden Hauptvererbungsmethoden in js. Natürlich gibt es mehrere Vererbungsmethoden, aber bei einigen Vererbungsmethoden führt das Ändern der Instanzmethoden und -eigenschaften direkt zu einer Änderung des Prototyps Besitzen, ist eine solche Vererbung von geringer Bedeutung, es sei denn, das Unternehmen hat ähnliche Bedürfnisse.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der prototypischen Vererbung von JavaScript und Codebeispiele für die kombinierte Vererbung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage