![Vue.js从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/753/52842753/b_52842753.jpg)
上QQ阅读APP看书,第一时间看更新
2.3.2 rest参数
在JavaScript中,无论在定义函数时设置了多少个形参,在调用函数时都可以传入任意数量的实参,在函数内部可以使用arguments对象获取传入的实参。例如,定义一个获取参数最大值的函数,代码如下:
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P31_2985.jpg?sign=1739254299-VND6KIgIYdvLjCXySuLSkqFsT5b2uetB-0-e7e14a108797ee16ce3f96ec74159e43)
在ES6中引入了rest参数,在函数的形参前添加3个点,就表示这是一个rest参数。例如,将上述代码修改为使用rest参数的形式,代码如下:
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P31_2986.jpg?sign=1739254299-2E2o66HfwtMtNzwedrF5lUqT6Qm0BmJo-0-055c4cfc21592a06fe56e783f37de15b)
在定义函数时设置的参数列表中,普通参数和rest参数可以同时存在。如果既有普通参数也有rest参数,那么rest参数必须放到参数列表的最后面的位置。
【例2.1】获取个人信息。(实例位置:资源包\TM\sl\2\01)
定义一个获取个人信息的函数,在参数列表中既有普通参数也有rest参数,通过调用函数来获取个人信息。代码如下:
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P31_2987.jpg?sign=1739254299-jfVdQuaOlFIsLP8sYp8pDwWgNvt3face-0-db29c3ec38ea218d3c1ed6db7f295a0c)
运行结果如图2.1所示。
![](https://epubservercos.yuewen.com/3FE726/31398005804290506/epubprivate/OEBPS/Images/Figure-P32_2993.jpg?sign=1739254299-38vKlcIj1ozoNEF0hHqql3MzKY01vWab-0-5ba45c3ca34d810935b8a611eebd5c8d)
图2.1 输出个人信息
编程训练(答案位置:资源包\TM\sl\2\编程训练)
【训练1】输出图书名称和图书作者 定义一个获取图书名称和图书作者的函数,在设置参数时使用rest参数的形式,在调用函数时将图书名称和图书作者作为参数进行传递。
【训练2】输出完整的收货地址 在某购物网站的收货地址栏中,地址由省、市、区和详细地址组成。定义一个获取完整收货地址的函数,在参数列表中既有普通参数也有rest参数,通过调用函数获取完整的收货地址。