javascript arguments)

來源:互聯網
上載者:User

什麼是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雖然不是經常用到,有點古怪,但是,它充滿了驚喜,非常值得我們去瞭解 。

 原文地址:arguments : A JavaScript Oddity

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.