**`arguments`**?是一個對應于傳遞給函數的參數的類數組對象。 ## 語法 ~~~ arguments ~~~ ## 描述 `arguments`對象是所有（非箭頭）函數中都可用的**局部變量**。你可以使用`arguments`對象在函數中引用函數的參數。此對象包含傳遞給函數的每個參數，第一個參數在索引0處。例如，如果一個函數傳遞了三個參數，你可以以如下方式引用他們： ~~~js arguments[0] arguments[1] arguments[2] ~~~ 參數也可以被設置： ~~~js arguments[1] = 'new value'; ~~~ `arguments`對象不是一個[`Array`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Array "REDIRECT Array")?。它類似于`Array`，但除了length屬性和索引元素之外沒有任何`Array`屬性。例如，它沒有?[pop](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/pop "JavaScript/Reference/Global_Objects/Array/pop")?方法。但是它可以被轉換為一個真正的`Array`： ~~~js var args = Array.prototype.slice.call(arguments); var args = [].slice.call(arguments); // ES2015 const args = Array.from(arguments); const args = [...arguments]; ~~~ ### 對參數使用擴展語法 您還可以使用[`Array.from()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from "Array.from() 方法從一個類似數組或可迭代對象中創建一個新的，淺拷貝的數組實例。")方法或[擴展運算符](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_operator)將參數轉換為真實數組： ~~~js var args = Array.from(arguments); var args = [...arguments]; ~~~ ## 例子 ### 遍歷參數求和 ~~~js function add() { var sum =0, len = arguments.length; for(var i=0; i<len; i++){ sum += arguments[i]; } return sum; } add() // 0 add(1) // 1 add(1,2,3,4); // 10 ~~~ ### 定義連接字符串的函數 這個例子定義了一個函數來連接字符串。這個函數唯一正式聲明了的參數是一個字符串，該參數指定一個字符作為銜接點來連接字符串。該函數定義如下： ~~~js function myConcat(separator) { var args = Array.prototype.slice.call(arguments, 1); return args.join(separator); } ~~~ 你可以傳遞任意數量的參數到該函數，并使用每個參數作為列表中的項創建列表。 ~~~js // returns "red, orange, blue" myConcat(", ", "red", "orange", "blue"); // returns "elephant; giraffe; lion; cheetah" myConcat("; ", "elephant", "giraffe", "lion", "cheetah"); // returns "sage. basil. oregano. pepper. parsley" myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley"); ~~~ ### 定義創建HTML列表的方法 這個例子定義了一個函數通過一個字符串來創建HTML列表。這個函數唯一正式聲明了的參數是一個字符。當該參數為?"`u`" 時，創建一個無序列表?(項目列表)；當該參數為?"`o`" 時，則創建一個有序列表 (編號列表)。該函數定義如下： ~~~js function list(type) { var result = "<" + type + "l><li>"; var args = Array.prototype.slice.call(arguments, 1); result += args.join("</li><li>"); result += "</li></" + type + "l>"; // end list return result; } ~~~ 你可以傳遞任意數量的參數到該函數，并將每個參數作為一個項添加到指定類型的列表中。例如： ~~~js var listHTML = list("u", "One", "Two", "Three"); /* listHTML is: "<ul><li>One</li><li>Two</li><li>Three</li></ul>" */ ~~~ 寫出程序運行的結果 ```js <script> function foo(n) { var f = () => { //這里的arguments[0] = n return arguments[0] + n; } return f() } console.log(foo(1)) console.log(foo(10)) </script> ```