Rumah > hujung hadapan web > tutorial js > Analisis ringkas tentang dua kaedah warisan JavaScript_kemahiran javascript

Analisis ringkas tentang dua kaedah warisan JavaScript_kemahiran javascript

WBOY
Lepaskan: 2016-05-16 15:27:37
asal
1034 orang telah melayarinya

Terdapat dua kaedah pewarisan js utama, satu melalui prototaip, dan satu lagi adalah melalui peminjaman pembina call&apply.
1. Prototaip:

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

Salin selepas log masuk

2. Meminjam pembina (panggil&mohon) juga boleh difahami sebagai warisan gabungan
panggilan:

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

Salin selepas log masuk

mohon:

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

Salin selepas log masuk

Hanya terdapat dua kaedah pewarisan utama ini dalam js Sudah tentu, terdapat beberapa kaedah pewarisan, bagaimanapun, dalam beberapa kaedah pewarisan, selepas membuat contoh, mengubah suai kaedah dan atribut secara langsung akan mengubah suai kaedah dan atribut. Maka ia adalah seperti Warisan ini nampaknya mempunyai sedikit makna, dan ia hanya akan digunakan melainkan perniagaan mempunyai keperluan yang serupa.

Di atas ialah pengenalan terperinci kepada warisan JavaScript saya harap ia akan membantu pembelajaran semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan