javascript支援不定長參數。實現不定長參數的兩種方法：1、利用arguments對象，arguments對象的長度是由實參個數而不是形參個數決定的；對於arguments和值都存在的情況下，兩者值是同步的，但是針對其中一個無值的情況下，對於此無值的情形值不會得以同步。 2、rest參數，表示將多餘的參數接受並放到一個陣列裡，語法「…變數名稱」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript支援不定長參數。
JS不定長參數（可變參數）的實作一：arguments
##什麼是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>#總結：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>
rguments.callee()<strong></strong>）arguments與剩餘參數、預設參數和解構賦值參數的結合使用##1）在嚴格模式下，剩餘參數、預設參數和解構賦值參數的存在不會改變
arguments物件的行為，但是在非嚴格模式下就有所不同了<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">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); // 99</pre><div class="contentsignin">登入後複製</div></div>2）當非嚴格模式中的函數
包含剩餘參數、預設參數和解構賦值，那麼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 參數搭配的變數是一個數組，該變數將多餘的參數放入數組中。非常適合處理變長參數的情況。 Rest就是為解決傳入的參數數量不一定，它表示將多餘的參數接受並放到一個數組裡； Rest參數 本身就是數組，數組的相關的方法都可以用。
function f(a, b, ...theArgs) {
// ...
}
#：rest 參數之後不能再有其他參數（即只能是最後一個參數），否則會報錯。
function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
// error
}
區分rest參數與參數（arguments）物件
rest参数不会为每个变量给一个单独的名称，参数对象包含所有参数传递给函数
参数对象不是真正的数组，rest参数是真实的数组实例。例如数组sort、map、forEach、pop的方法都可以直接使用
参数对象有他自己额外的特性（例如callee 属性）
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) ); // 62、每个参数乘以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中文網其他相關文章！
