rest 参数与扩展运算符
2018-10-04 12:32
429 查看
rest 参数与扩展运算符
1.rest 参数
ES6 引入 rest 参数(形式为
...变量名),用于获取函数的多余参数,这样就不需要使用
arguments对象了。rest 参数搭配的变量是一个数组,该变量将多余的参数放入数组中。
function add(...values) { let sum = 0; for (var val of values) { sum += val; } return sum; } add(2, 5, 3) // 10
上面代码的
add函数是一个求和函数,利用 rest 参数,可以向该函数传入任意数目的参数。
2.扩展运算符
扩展运算符(spread)是三个点(
...)。它将一个数组或对象转为用逗号分隔的参数序列。
对数组 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>] 对对象 let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; x // 1 y // 2 z // { a: 3, b: 4 }
3.分析
rest 参数与扩展运算符可以理解为互为逆运算
相关文章推荐
- ES6 rest参数和扩展运算符
- ES6(六: 函数扩展)(默认值,rest参数,扩展运算符)
- ES6学习之路3----rest参数与扩展运算符
- ES6中的rest参数与扩展运算符详解
- rest 参数和扩展运算符
- ES6 rest参数和扩展运算符
- ES6中的解构、扩展运算符(...)、rest参数(...)的使用
- es6中的解构赋值、扩展运算符和rest参数使用详解
- ES6-rest参数和扩展运算符
- ES6-rest参数和扩展运算符
- 在es6中,对rest参数和扩展运算符的理解(待更新)
- 函数的扩展---rest参数
- 理解spread运算符与rest参数
- es6 学习笔记 之 扩展运算符 和 rest运算符
- ES6学习总结之函数变化(函数默认参数,扩展运算符,箭头函数)
- ES6 随记(3.4.1)-- 函数的拓展(参数默认值,扩展运算符)
- 第四节、rest运算符和扩展运算符
- 对象扩展运算符和rest运算符
- JavaScript ...运算符(扩展运算符)以及rest运算符介绍
- 10、函数的扩展 为函数参数指定默认值、函数的 rest 参数、箭头函数—ES6学习笔记