首頁 > web前端 > js教程 > JavaScript中函數(Function)的apply與call理解_javascript技巧

JavaScript中函數(Function)的apply與call理解_javascript技巧

WBOY
發布: 2016-05-16 15:50:52
原創
1378 人瀏覽過

JavaScript函數呼叫分為4中模式:

1. 方法呼叫模式:即物件包含方法屬性,Obj.methodName()或Obj[methodName]()。
2. 函數呼叫模式:即methodName()。
3. 建構器呼叫模式:即new MethodName()。
4. apply和call呼叫模式:即ObjA.apply(ObjB,args[])或ObjA.call(ObjB,arg1,arg2...)。

函數呼叫時,除了接收形式參數外,還會接收this和arguments。其中this為函數物件上下文,arguments為實際參數。
apply和call實作同樣的功能,即切換函數物件的上下文(this指向的參考),差別在於形式參數不一樣。 apply為arguments或數組,call為以逗號隔開多個單獨形式參數。

function add(c) 
{ 
  alert(this.a+this.b+c); 
} 
var test={a:1,b:2} 
add.call(test,3);
登入後複製


在執行add.call(test,3); 之前add和test都屬於window下,此時this指向window。 add.call(test,3); 執行時,進入add方法體,此時this由window切換為test,此時this.a=test.a,this.b=test.b,c為形式參數傳入的值,即alert()的結果為1 2 3=6。 apply也是一樣的功能。
 
透過apply和call實現擴展和繼承:

function Animal(name){   
   this.name = name;   
   this.showName = function(){   
     alert(this.name);   
   }   
 }   
   
 function Cat(name){  
   Animal.call(this, name); 
 }   
   
 var cat = new Cat("Black Cat");//执行时,Cat函数体的this由window切换为Cat{}, 
// Animal函数体的this.name通过形式参数传入即为Black Cat,最终cat 
 //得到的结果为cat=Cat{name:"Black Cat",showName: function(){ alert(this.name);}, 
 cat.showName();//执行时this由window切换为 
 //Cat{name:"Black Cat",showName: function(){ alert(this.name);} 此时this.name 
 //为this.name=Cat.name,因此为Black Cat。

登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板