码迷,mamicode.com
首页 > 其他好文 > 详细

rest 参数与扩展运算符

时间:2018-10-04 13:19:57      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:doc   val   function   fun   分析   style   ...   sha   res   

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 参数与扩展运算符可以理解为互为逆运算

rest 参数与扩展运算符

标签:doc   val   function   fun   分析   style   ...   sha   res   

原文地址:https://www.cnblogs.com/piaobodewu/p/9742008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!