JavaScript中的函數:函數的apply、call方法和length屬性

來源:互聯網
上載者:User

函數的apply、call方法和length屬性
JavaScript為函數對象定義了兩個方法:apply和call,它們的作用都是將函數綁定到另外一個對象上去運行,兩者僅在定義參數的方式有所區別:

Function.prototype.apply(thisArg,argArray); 
Function.prototype.call(thisArg[,arg1[,arg2…]]); 

 

從函數原型可以看到,第一個參數都被取名為thisArg,即所有函數內部的this指標都會被賦值為thisArg,這就實現了將函數作為另外一個對象的方法啟動並執行目的。兩個方法除了thisArg參數,都是為Function對象傳遞的參數。下面的代碼說明了apply和call方法的工作方式:

//定義一個函數func1,具有屬性p和方法A 
function func1(){ 
      this.p="func1-"; 
      this.A=function(arg){ 
            alert(this.p+arg); 
      } 

//定義一個函數func2,具有屬性p和方法B 
function func2(){ 
      this.p="func2-"; 
      this.B=function(arg){ 
             alert(this.p+arg); 
      } 

var obj1=new func1(); 
var obj2=new func2(); 
obj1.A("byA");     //顯示func1-byA 
obj2.B("byB");     //顯示func2-byB 
obj1.A.apply(obj2,["byA"]); //顯示func2-byA,其中[“byA”]是僅有一個元素的數組,下同 
obj2.B.apply(obj1,["byB"]); //顯示func1-byB 
obj1.A.call(obj2,"byA");   //顯示func2-byA 
obj2.B.call(obj1,"byB");   //顯示func1-byB 

可以看出,obj1的方法A被綁定到obj2運行後,整個函數A的運行環境就轉移到了obj2,即this指標指向了obj2。同樣obj2的函數B也可以綁定到obj1對象去運行。代碼的最後4行顯示了apply和call函數參數形式的區別。

 

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.