- Vue.js從入門到精通
- 明日科技編著
- 490字
- 2024-12-27 19:48:31
2.3.2 rest參數
在JavaScript中,無論在定義函數時設置了多少個形參,在調用函數時都可以傳入任意數量的實參,在函數內部可以使用arguments對象獲取傳入的實參。例如,定義一個獲取參數最大值的函數,代碼如下:

在ES6中引入了rest參數,在函數的形參前添加3個點,就表示這是一個rest參數。例如,將上述代碼修改為使用rest參數的形式,代碼如下:

在定義函數時設置的參數列表中,普通參數和rest參數可以同時存在。如果既有普通參數也有rest參數,那么rest參數必須放到參數列表的最后面的位置。
【例2.1】獲取個人信息。(實例位置:資源包\TM\sl\2\01)
定義一個獲取個人信息的函數,在參數列表中既有普通參數也有rest參數,通過調用函數來獲取個人信息。代碼如下:

運行結果如圖2.1所示。

圖2.1 輸出個人信息
編程訓練(答案位置:資源包\TM\sl\2\編程訓練)
【訓練1】輸出圖書名稱和圖書作者 定義一個獲取圖書名稱和圖書作者的函數,在設置參數時使用rest參數的形式,在調用函數時將圖書名稱和圖書作者作為參數進行傳遞。
【訓練2】輸出完整的收貨地址 在某購物網站的收貨地址欄中,地址由省、市、區和詳細地址組成。定義一個獲取完整收貨地址的函數,在參數列表中既有普通參數也有rest參數,通過調用函數獲取完整的收貨地址。