关于es6 Rest参数的一些思考

使用Rest参数可以使我们的代码更简洁,在使用的过程中有如下两个注意点:

  1. Rest参数必须放在参数最后的位置。
  2. Rest参数接收的任何数据,默认最外层先给你包裹一层数组,如果想获取传入的原数据,还需要配合数组扩展操作。

关于第二点,下面举例验证:

		function deal(...list) {
            console.log(list); // [1,2,3]
        }
       
        deal(1,2,3)
		function deal(...list) {
            console.log(...list); // ...[1,2,3] => 1 2 3
        } 
       
        deal(1,2,3);
		function deal(...list) {
            console.log(list); // [[1,2,3]]
        }
       
        deal([1,2,3])
		function deal(...list) {
            console.log(list);
        }
        let obj = {
            name: 'pcm',
            age: 30
        }
        deal(obj);

在这里插入图片描述

		function deal(...list) {
            console.log(...list); //{name: "pcm", age: 30}
        }
        let obj = {
            name: 'pcm',
            age: 30
        }
        deal(obj);

上面list其实接收到的是[obj],但是配合数组扩展…[obj],又将对象解析了出来。


注意:对于解构赋值中的rest参数不会被包裹一层数组:

 <script>
       function fn({ a, ...other}) {
           console.log(a); // 1
           console.log(other) // { b: 2, c: 3}
       }
       fn({ a: 1, b: 2, c: 3})

       function fn1(a, ...other) {
           console.log(other) // [2, 3]
       }
       fn1(1, 2, 3)
       function fn3([a, ...other]) {
           console.log(a); // 1
           console.log(other); // [2, 3]
       }
       fn3([1, 2, 3])
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

. . . . .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值