DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript內置對象arguments詳解
javascript內置對象arguments詳解
編輯:JavaScript基礎知識     

一、什麼是arguments
arguments 是是JavaScript裡的一個內置對象,它很古怪,也經常被人所忽視,但實際上是很重要的。所有主要的js函數庫都利用了arguments對象。所以agruments對象對於javascript程序員來說是必需熟悉的。
所有的函數都有屬於自己的一個arguments對象,它包括了函所要調用的參數。他不是一個數組,如果用typeof arguments,返回的是'object'。雖然我們可以用調用數據的方法來調用arguments。比如length,還有index方法。但是數 組的push和pop對象是不適用的。
二、創建一個靈活的函數
看起來貌似argument對象使用起來十分有限,但是實際上它是一個非常有用的對象。你可以通過使用argument對象讓函數能夠調用數量不定 的參數。在Dean Edwards的base2庫裡有個格式化的函數,展示了這個靈活性。
復制代碼 代碼如下:function format(string) {  
  var args = arguments;  
  var pattern = new RegExp(“%([1-" + arguments.length + "])”, ”g”);  
  return String(string).replace(pattern, function(match, index) {  
    return args[index];  
  });  

};

我們提供了一個模板字符串,你可以用”%1”到“%9”給返回值添加一個占位符。然後提供給九個其他參數插入。
復制代碼 代碼如下:format(“And the %1 want to know whose %2 you %3″, ”papers”, ”shirt”, ”wear”);
上面的代碼將返回:And the papers want to know whose shirt you wear" .
有件事情我們需要注意下,在定義函數的時候,我們只規定了一個參數,string。Javascript允許我們傳遞任何數量的參數到一個函數裡,不管怎麼定義這個函數。Arguments對象對這些都是允許的。
三、把arguments對象轉換成一個真正的數組
雖然arguments對象不是一個真正的javascript數組,但是我們還是可以輕易的把它轉換成標准的數據 ,然後進行數組操作。
復制代碼 代碼如下:var args = Array.prototype.slice.call(arguments);
那麼現在這個變量args就含有一個含有函數所有參數的標准javascript數組對象。
四、通過預置的arguments對象創建函數
Arguments對象允許我們去執行所有類型的javascript方法。這邊附上一個makeFunc函數的定義。這個函數允許我們去提供一個函數引用和這個函數的所有參數。他將返回一個匿名函數去調用你規定的函數,也提供了匿名函數調用時所附帶的參數。
復制代碼 代碼如下:function makeFunc() {  
  var args = Array.prototype.slice.call(arguments);  
  var func = args.shift();  
  return function() {  
    return func.apply(null, args.concat(Array.prototype.slice.call(arguments)));  
  };  
}

第一個argument對象給makeFunc提供了你想調用的函數的引用。他是從arguments數組裡移除的。然後makeFunc返回了一個匿名函數去運行規定的方法。
第一個應用的argument指向了函數調用的范圍,主要是函數內部關鍵部分所指向的。我們先保持這個為null。第二個arguments是一個 數組,會為這個函數轉變為arguments對象。makeFunc把原始的數組值串聯到arguments對象裡提供給匿名函數和所調用函數的數組。
你需要輸出一個模板總是相同的位置,這樣就可以不用總是在每次引用模板的時候調用format函數。你可以使用makeFunc的通用功能去返回可以調用format然後自動補充模板的函數。
復制代碼 代碼如下:var majorTom = makeFunc(format, ”This is Major Tom to ground control. I'm %1.”);

你可以像這樣調用majorTom函數:
復制代碼 代碼如下:majorTom(“stepping through the door”);  
majorTom(“floating in a most peculiar way”);
每一次你調用majorTom,它會同時調用format函數和第一個argument,已經寫好的模板。那麼將返回
復制代碼 代碼如下:“This is Major Tom to ground control. I'm stepping through the door.”  
“This is Major Tom to ground control. I'm floating in a most peculiar way.”
五、創建引用自身的函數
你可能覺得這樣很酷,不過,arguments還有更多的驚喜。他還有其他有用的特性:callee方法 。Arguments.callee包括了一個函數的引用去創建一個argument對象。那麼該如何使用呢?
Arguments.callee方法能讓一個匿名函數很方便的指向本身。
Repeat是一個承載了一個函數引用和兩個數字的函數。第一個數字是函數調用幾次,第二個數字是每個調用的間隔時間,單位是毫秒。
復制代碼 代碼如下:function repeat(fn, times, delay) {  
  return function() {  
    if(times– > 0) {  
      fn.apply(null, arguments);  
      var args = Array.prototype.slice.call(arguments);  
      var self = arguments.callee;  
      setTimeout(function(){self.apply(null,args)}, delay);  
    }  
  };  
}

Repeat函數使用了arguments.callee方法從變量self去獲取一個引用,指向運行原始指令的函數。這樣,匿名函數就可以再次調用本身。
我有一段超級簡介的函數,承載了一個字符串和執行alert方法。
復制代碼 代碼如下:function comms(s) {  

  alert(s);  

然而,我想創建一個特殊的版本,通過這個版本我可以重復這個動作三次,每次間隔2秒鐘。那麼,我們可以
復制代碼 代碼如下:var somethingWrong = repeat(comms, 3, 2000);  
somethingWrong(“Can you hear me, major tom?”);
調用了somethingWrong函數的結果就是復這個動作三次,每次alert間隔2秒鐘。
Arguments雖然不是經常用到,有點古怪,但是,它充滿了驚喜,非常值得我們去了解 。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved