javascript 利用arguments實(shí)現(xiàn)可變長(zhǎng)參數(shù)
javascript arguments解釋?zhuān)瑢?shí)現(xiàn)可變長(zhǎng)參數(shù)。
在C#中,有可變長(zhǎng)參數(shù)params[],但是在js中,如何實(shí)現(xiàn)這種可變參數(shù)呢?
一、可變長(zhǎng)參數(shù)
arguments是非常好的解決方法,一直不知道javascript有這個(gè)東西。
先來(lái)看看應(yīng)用場(chǎng)景,使用arguments傳入任意個(gè)數(shù)的參數(shù)到j(luò)s函數(shù)里的寫(xiě)法。
function Test() { console.log(arguments[0]); console.log(arguments[1]); console.log(arguments[2]); }; Test(1, 2, 3);
輸出 1 2 3;
當(dāng)然,你也可以在javascript函數(shù)里放一個(gè)數(shù)組,但是它是固定長(zhǎng)度的。
二、不要直接修改arguments對(duì)象
arguments對(duì)象類(lèi)似于數(shù)組,但實(shí)際上它也并不是數(shù)組,使用call方法,可能將數(shù)組的shift函數(shù)用到它身上,但是盡量不要嘗試去改動(dòng)arguments。很容易造成混亂。
如果確實(shí)要修改,可以將arguments的內(nèi)容復(fù)制到一個(gè)新數(shù)組上,然后在新數(shù)組上進(jìn)行修改。
var args = [].slice.call(arguments);
用變量綁定arguments,實(shí)現(xiàn)跨函數(shù)訪問(wèn)
arguments變量是被隱式綁定到每個(gè)函數(shù)體內(nèi)的,注意是每一個(gè)函數(shù)內(nèi)部。
一個(gè)迭代器的例子能夠說(shuō)明這個(gè)問(wèn)題;
function values() { //values有自己的arguments var i = 0, n = arguments.length; return { hasNext: function () { return i < n; //hasNext 有自己的arguments }, next: function () { if(i >= n) { throw new Error("已經(jīng)是最后一個(gè)元素!"); } return arguments[i++]; //next 有自己的arguments } } } var it = values(1, 2, 3, 4, 5, 6, 7); console.log(it.next()); //undefined console.log(it.next()); //undefined console.log(it.next()); //undefined
如果要訪問(wèn)外層函數(shù)的arguments,那么只能通過(guò)局部變量綁定的方式,在內(nèi)層就能夠訪問(wèn),上面的例子可以改造成
function values() { //values有自己的arguments var i = 0, n = arguments.length, ourterArgs = arguments; return { hasNext: function () { return i < n; //hasNext 有自己的arguments }, next: function () { if(i >= n) { throw new Error("已經(jīng)是最后一個(gè)元素!"); } return ourterArgs[i++]; //ourterArgs 外層保存的 arguments } } } var it = values(1, 2, 3, 4, 5, 6, 7); console.log(it.next()); //1 console.log(it.next()); //2 console.log(it.next()); //3
以上所述是本文的全部?jī)?nèi)容,希望對(duì)大家有所幫助,謝謝對(duì)腳本之家的支持!
- js的隱含參數(shù)(arguments,callee,caller)使用方法
- javascript內(nèi)置對(duì)象arguments詳解
- javascript arguments 傳遞給函數(shù)的隱含參數(shù)
- JS函數(shù)動(dòng)態(tài)傳遞參數(shù)的方法分析【基于arguments對(duì)象】
- javascript arguments使用示例
- Javascript中arguments對(duì)象的詳解與使用方法
- JavaScript中使用arguments獲得函數(shù)傳參個(gè)數(shù)實(shí)例
- JS中call/apply、arguments、undefined/null方法詳解
- 深入理解JS函數(shù)的參數(shù)(arguments)的使用
- JavaScript中arguments的使用方法詳解
相關(guān)文章
JavaScript prototype屬性使用說(shuō)明
prototype 是在 IE 4 及其以后版本引入的一個(gè)針對(duì)于某一類(lèi)的對(duì)象的方法,而且特殊的地方便在于:它是一個(gè)給類(lèi)的對(duì)象添加方法的方法!2010-05-05js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新
這篇文章主要介紹了js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新,需要的朋友可以參考下2014-12-12微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?handle?event?"tap"的解決方案,文中將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01JS應(yīng)用正則表達(dá)式轉(zhuǎn)換大小寫(xiě)示例
這篇文章主要介紹了JS應(yīng)用正則表達(dá)式轉(zhuǎn)換大小寫(xiě),以首字母大寫(xiě),其它字母小寫(xiě)為例,喜歡的朋友可以參考下2014-09-09uni-app開(kāi)發(fā)微信小程序遇到的部分踩坑實(shí)戰(zhàn)
最近在用uni-app開(kāi)發(fā)微信小程序,這里將開(kāi)發(fā)中遇到的坑和問(wèn)題記錄一下,所以下面這篇文章主要給大家介紹了關(guān)于uni-app開(kāi)發(fā)微信小程序遇到的部分踩坑,需要的朋友可以參考下2023-02-02簡(jiǎn)單實(shí)用的js調(diào)試logger組件實(shí)現(xiàn)代碼
開(kāi)發(fā)js組件的時(shí)間調(diào)試總是麻煩的,最常用的就是用alert或者debugger來(lái)測(cè)試js的運(yùn)行狀態(tài)。2010-11-11js getBoundingClientRect() 來(lái)獲取頁(yè)面元素的位置
該方法已經(jīng)不再是IE Only了,F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法,可以說(shuō)在獲得頁(yè)面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必須通過(guò)循環(huán)來(lái)獲得元素在頁(yè)面中的絕對(duì)位置。2010-11-11