js如何是利用apply實現繼承

antzone發表於2017-03-17

javascript是一種物件導向的語言,當然繼承是它的重要特徵之一,比如常規的可以使用原型實現繼承,不過使用apply可是可以實現繼承的,下面就通過程式碼例項介紹一下,關於apply函式這裡就不介紹了,具體可以參閱javascript apply()一章節。 下面看程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
function Parent(username){ 
  this.username=username; 
  this.sayHello=function(){ 
    alert(this.username); 
  } 
} 
  
function Child(username,password){ 
  Parent.apply(this,new Array(username)); 
  this.password=password; 
  
  this.sayWorld=function(){ 
    alert(this.password); 
  } 
} 
var parent=new Parent("螞蟻部落"); 
var child=new Child("antzone","8888"); 
  
parent.sayHello(); 
child.sayHello(); 
child.sayWorld();

以上程式碼實現了簡單的繼承效果,程式碼比較簡單這裡就不多介紹了,如有任何問題可以跟帖留言。

關於this的指向可以參閱javascript this一章節。 

相關文章