JavaScript函式可以使用任意數量的引數。與其他語言（如C#和Java）不同，你可以在呼叫JavaScript函式時傳遞任意數量的引數。JavaScript函式允許未知數量的函式引數。在ECMAScript 6之前，JavaScript有一個變數來訪問這些未知或可變數目的引數，這是一個類似陣列的物件，並非一個陣列。細想以下程式碼來理解arguments變數：
|
1 2 3 4 5 6 7 8 9 10 11 |
function add(){ var result = 0; for(let i=0;i<arguments.length;i++){ result = result + arguments[i]; } return result; } var r = add(6,9,3,2); console.log(r); var t = add(7,56,9); console.log(t); |
如你所見，arguments物件用於訪問未知或可變的函式引數。即使arguments使用length屬性和方括號，它也不是一個真正的JavaScript陣列。你不能對arguments物件使用其他JavaScript陣列方法，如pop，push，slice等。在使用arguments時存在的一些問題是：
- JavaScript函式arguments物件不是一個真正的JavaScript陣列；因此，你不能使用其他陣列方法，如pop，push，slice等。
- 在內部函式中訪問外部函式的arguments物件是很困難的。要訪問的話，你需要在變數中分配外部函式的arguments函式，然後在內部函式中使用它。
- 如果你想要使用arguments物件作為陣列，那麼你需要通過Aarry.prototype.slice手動轉換。
ECMAScript 6引入了一個新功能，Rest引數，它表示一個未知數量的引數作為函式中的一個陣列。它不僅將額外的參數列示為陣列，還解決了arguments物件的許多問題。使用rest引數重寫上面的add函式。
|
1 2 3 4 5 6 7 8 9 10 11 |
function add(...theArgs){ var result = 0; for(let i=0;i<theArgs.length;i++){ result = result + theArgs[i]; } return result; } var r = add(6,9,3,2); console.log(r); var t = add(7,56,9); console.log(t); |
你可以將rest引數定義為…theArgs或… args。如果最後命名的函式引數以…（三個點）作為字首，那麼它將成為函式的rest引數。JavaScript函式的rest引數是純JavaScript陣列。在上面的程式碼中，…theArgs是函式add的rest引數，因為它是唯一的命名引數，且也以…（三個點）作為字首。由於rest引數是JavaScript陣列，所以你可以對rest引數theArgs執行諸如push，pop等操作，如下面的程式碼所示：
|
1 2 3 4 5 6 7 8 9 10 |
function add(...theArgs){ theArgs.push(10); var result = 0; for(let i=0;i<theArgs.length;i++){ result = result + theArgs[i]; } var lastItem = theArgs.pop(); console.log(lastItem); return result; } |
JavaScript函式的rest引數也可以與其他引數一起工作。如果你不想在rest引數陣列中包含特定引數的話，那麼你可能需要在函式中使用其他命名引數。細想以下程式碼塊：
|
1 2 3 4 5 6 7 |
function add(num1, num2, ...theArgs){ console.log(num1); console.log(num2); console.log(theArgs.length); } var r = add(6,9,3,2); var t = add(7,56,9); |
對於第一次函式呼叫，6和9將分別分配給num1和num2。對於第二個函式呼叫，7和56將被分配給num1和num2。啟動第三個引數的引數將被分配給rest引數陣列。請記住，前兩個引數不會成為rest引數陣列的一部分。所以，如果你打算將所有的值都包含在rest引數中，那麼你應該一開始就將它們定義為用逗號分隔的命名引數。下面給出的程式碼將會導致錯誤：
|
1 2 3 4 5 |
function add(num1, ...theArgs,num2){ console.log(num1); console.log(num2); console.log(theArgs.length); } |
在上面的程式碼中，rest引數不是最後一個引數，所以JavaScript會丟擲錯誤。rest引數必須是最後一個正式引數。
JavaScript允許你破壞rest引數，這意味著你可以將rest變數資料解包為不同的變數名稱。請看下面的程式碼：
|
1 2 3 4 5 6 7 |
function add(...[a,b,c]){ return a+b+c; } var r = add(6); console.log(r); var t = add(7,56,9); console.log(t); |
第一次函式呼叫，將分配a = 6，b = undefined，c = undefined，第二次函式呼叫，將分配a = 7，b = 56，c = 9。在此例子中，函式將忽略傳遞的任何額外的引數。
JavaScript函式的rest引數是對arguments物件使用函式未知引數的一個巨大改進。它是一個純JavaScript陣列；因此，你可以對它使用所有陣列方法。你可以將rest變數資料解包到命名變數中。你可以給rest引數指定任何名稱，這又是一個使用arguments關鍵字的重大改進。
在“輕鬆學習JavaScript”系列的下一篇文章中，我們將介紹JavaScript函式中的預設引數，敬請期待。