js是弱型別語言,不能像C#那樣使用param關鍵字來宣告形參是一個可變參數。那麼js中,如何實現這種可變參數呢?以下這篇文章就來聊聊JavaScript函數可變參數的實作方法,希望對大家有幫助!
什麼是arguments?怎麼實現可變參數?
arguments 是一個對應於傳遞給函數的參數的類別陣列物件。
在ES5中可以使用arguments物件實現可變參數。
arguments物件的長度是由實參個數而不是形參個數決定的。形參是函數內部重新開啟記憶體空間儲存的變量,但是其與arguments物件記憶體空間並不重疊。對於arguments和值都存在的情況下,兩者值是同步的,但是針對其中一個無值的情況下,對於此無值的情形值不會得以同步。
<script> function dynamicArgs() { var info = "今日签到的学生有:"; for (let i = 0; i < arguments.length ; i ++) { if (i > 0) { info += ","; } info += arguments[i]; } console.log(info); } dynamicArgs("张三", "李四"); dynamicArgs("张三", "李四", "王五", "马六"); dynamicArgs(["张三", "李四", "王五", "马六", "jack", "rose"]); </script>
參數不確定,那乾脆不寫了。
呼叫時可以寫N多個參數,也可以直接傳個陣列。
執行效果:
#總結:
1、從函數定義可以看出,函數中如果使用可變參數arguments ,則不需要寫形參
2、在呼叫函數時,可以直接向函數中傳遞多個實參
arguments 對象是所有(非箭頭)函數中都可用的局部變數。你可以使用arguments 物件在函數中引用函數的參數。此物件包含傳遞給函數的每個參數,第一個參數在索引0處。例如,如果一個函數傳遞了三個參數,你可以如下引用他們:
arguments[0] arguments[1] arguments[2]
參數也可以被設定:
arguments[0] = 'value';
arguments
是一個對象,
不是一個Array
。它類似於Array
,但除了length屬性和索引元素之外沒有任何Array
屬性。例如,它沒有 pop 方法。但是它可以被轉換為一個真正的Array
:
所以常常可以看到這樣的程式碼:
// 由于arguments不是 Array,所以无法使用 Array 的方法,所以通过这种方法转换为数组 var args = [].slice.call(arguments); // 方式一 var args = Array.prototype.slice.call(arguments); // 方式二 // 下面是 es6 提供的语法 let args = Array.from(arguments) // 方式一 let args = [...arguments]; // 方式二
arguments<span style="font-size: 16px;">#上的屬性</span>
a<strong>rguments.callee()</strong>
)arguments與剩餘參數、預設參數和解構賦值參數的結合使用
##1)在嚴格模式下,剩餘參數、預設參數和解構賦值參數的存在不會改變arguments物件的行為,但是在非嚴格模式下就有所不同了
function func(a) { arguments[0] = 99; // 更新了arguments[0] 同样更新了a console.log(a); } func(10); // 99 // 并且 function func(a) { a = 99; // 更新了a 同样更新了arguments[0] console.log(arguments[0]); } func(10); // 992)當非嚴格模式中的函數
沒有包含剩餘參數、預設參數和解構賦值,那麼arguments物件中的值
會追蹤參數的值(反之亦然) 。看下面的程式碼:
function func(a = 55) { arguments[0] = 99; // updating arguments[0] does not also update a console.log(a); } func(10); // 10 // function func(a = 55) { a = 99; // updating a does not also update arguments[0] console.log(arguments[0]); } func(10); // 10 function func(a = 55) { console.log(arguments[0]); } func(); // undefined
…變數名稱),用於取得函數的多餘參數。 rest 參數搭配的變數是一個數組,該變數將多餘的參數放入數組中。非常適合處理變長參數的情況。
可變參數的實作語法:
function f(a, b, ...theArgs) { // ... }
#:rest 參數之後不能再有其他參數(即只能是最後一個參數),否則會報錯。 function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
// error
}
Rest参数的引入减少样式代码
//以前函数 function f(a, b) { var args = Array.prototype.slice.call(arguments, f.length); // … } // 等效于现在 function f(a, b, ...args) { }
Rest参数可以被解构(通俗一点,将rest参数的数据解析后一一对应)不要忘记参数用[] 括起来,因为它数组嘛
function f(...[a, b, c]) { return a + b + c; } f(1) //NaN 因为只传递一个值,其实需要三个值 f(1, 2, 3) // 6 f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)
示例
1、计算参数和
function sumAll(...args) { // args 是数组的名称 let sum = 0; for (let arg of args) sum += arg; return sum; } console.log( sumAll(1) ); // 1 console.log( sumAll(1, 2) ); // 3 console.log( sumAll(1, 2, 3) ); // 6
2、每个参数乘以2
function multiply(multiplier, ...theArgs) { return theArgs.map(function(element) { return multiplier * element; }); } var arr = multiply(2, 1, 2, 3); console.log(arr); // [2, 4, 6]
3、排序
function sortRestArgs(...theArgs) { var sortedArgs = theArgs.sort(); return sortedArgs; } //好像一位和两位混合不能进行排序,这需要看一下为甚?主要第一个为主 console.log(sortRestArgs(5, 3, 7, 1)); // shows 1, 3, 5, 7
对比:参数对象arguments不能排序
function sortArguments() { //arguments是参数对象不能直接使用sort()方法,因为不是数组实例,需要转换 var sortedArgs = arguments.sort(); return sortedArgs; // this will never happen } // 会抛出类型异常,arguments.sort不是函数 console.log(sortArguments(5, 3, 7, 1));
【相关推荐:javascript学习教程 、编程视频】
以上是詳解JavaScript函數如何實現可變參數? (總結分享)的詳細內容。更多資訊請關注PHP中文網其他相關文章!