ES6 展开语法(...)与剩余参数

MDN介绍:展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开;还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。

一、在函数调用时使用

在没有展开语法之前,通过apply()来将数组中元素传递给函数。

// 使用apply()方法展开
function f(a, b) {
    return a + b;
}
const c = [1, 2];
// apply()方法的作用是改变this的指向
// apply()的第一个参数为空,表示this指向全局对象
// 这里相当于将数组c展开,作为函数参数
const result = f.apply(null, c);
console.log(result); // 3

然鹅,我们有了展开语法,那可就方便太多了。

  function f(a, b) {
    return a + b;
}
const c = [1, 2];
// 使用展开语法
const result = f(...c)
console.log(result); // 3

灵活使用展开语法传递所有参数

function f(a,b,c,d,e){
    return a+b+c+d+e
}
const arr = [1,2,3]
const result = f(0,...arr,4)
console.log(result); // 10

二、在构造字面量数组时使用</

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值