ES6-rest参数和扩展运算符

最新推荐文章于 2022-02-25 17:35:23 发布

雨天934

最新推荐文章于 2022-02-25 17:35:23 发布

阅读量4.6k

点赞数

分类专栏： Js 文章标签： es6 es2015 rest参数扩展运算符 JavaScript

本文链接：https://blog.youkuaiyun.com/u010603896/article/details/76681842

版权

Js 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了ES6中的Rest参数和扩展运算符的用法。Rest参数用于收集函数中未指定的参数到数组，而扩展运算符则用于将数组元素展开成单独的参数。文章通过具体示例展示了这两种特性如何简化代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

翻看ES6代码，很多时候都会看到三个点(...)的存在,它在ES6语法中，有两种应用形式，分别为函数中的rest参数，以及扩展运算符

REST参数

rest参数和一个变量名搭配使用，生成一个数组，用于获取函数多余的参数，说不清楚，还是代码实例演示

function input(...params){
    console.log(params)
}

input(1,2,3,4)  //[1,2,3,4]

function input2(a,b,...params){
    console.log(params)
}

input2(1,2,3,4)  //[3,4]

rest参数作用：将多余的逗号分隔的参数序列转换为数组参数

注意： rest参数必须是最后一个参数，否则报错

扩展运算符

扩展运算符可以理解为rest参数的逆运算，将数组转换为逗号分隔的参数序列，应用如下

arr1 = [1,2,3]
arr2 = [4,5,6]
arr3 = [7,8,9]

arr4 = [...arr1, ...arr2, ...arr3] //[1,2,3,4,5,6,7,8,9]  用于数组合并

list = [a,b,c,d,e]

let [a,b, ...c] = list
a //a
b //b
c //[c,d,e]

// 用于解耦，感觉这有点像是rest参数的应用，应为结果是数组