DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中call和apply方法淺談
javascript中call和apply方法淺談
編輯:關於JavaScript     
call和apply的第一個實參是要調用函數的母對象,它是調用上下文,在函數體內通過this來獲得對它的引用。
例如,如果要想以對象o的方法來調用函數f,可以按如下的方式使用call和apply方法:
復制代碼 代碼如下:
  f.call(o);
  f.apply(o);

可以按如下的代碼來理解:
復制代碼 代碼如下:
  o.m = f;  //將f存儲為o的臨時方法
  o.m();  //調用這個臨時方法
  delete o.m;  //將這個臨時方法刪除

來個示例吧。
復制代碼 代碼如下:
  function testFun(){
    return this.a + this.b;
  }
   var o = {a:1, b:2};
  testFun.call(o);  //3
  testFun.apply(o);  //3

  上述代碼執行的結果均為3,可以理解為return o.a + o.b。
 考慮一個問題,如果call和apply方法的第一個實參為null或者undefined為怎樣?來看下面的一個例子:
復制代碼 代碼如下:
  var a = 10, b = 20;
  function testFun(){
    return this.a + this.b;
  }
  testFun.call();
  testFun.apply();

  上述代碼執行的結果均為30。這是因為call和apply的第一個實參如果傳入的是null或者undefined,則會被全局對象代替。
 那call和apply這兩個方法有什麼區別呢?
對於call方法來說,第一個調用上下文實參之後的所有實參就是要傳入待調用函數的值。比如,以對象o的方法的形式調用函數f,並傳入兩個參數,就可以使用如下的代碼:
復制代碼 代碼如下:
  f.call(o, 1, 2);

而apply方法則將第一個實參之後的所有實參放入一個數組內,
復制代碼 代碼如下:
  f.apply(o, [1, 2]);

來個例子吧
復制代碼 代碼如下:
  function testFun(x, y){
    return this.a + this.b + x + y;
  }
  var o = {a:1, b:2};
  testFun.call(o, 10, 20);
  testFun.apply(o, [10, 20]);

 上述代碼的執行結果為33,可以理解為 return o.a + o.b + 10 + 20
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved