DIV CSS 佈局教程網

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

 這篇文章主要介紹了javascript內置對象arguments,實例講解arguments是什麼怎麼用,需要的朋友可以參考下

一、什麼是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