在ES6中使用扩展语法有什么好处?它与rest语法有什么不同?

栏目: JavaScript · 发布时间: 6年前

内容简介:在函数模式编码时ES6的spread语法是非常有用的,因为我们可以轻松地创建数组或对象的副本,而无需诉诸Object.create,slice或库函数。Redux和rx.js项目中经常使用此语言功能。ES6的rest语法提供了一个简写,用于包含要传递给函数的任意数量的参数。它就像扩展语法的反转,将数据和填充到数组中而不是解压缩数据数组,它可以在函数参数中工作,也可以在数组和对象解构分配中工作。来源:

在函数模式编码时ES6的spread语法是非常有用的,因为我们可以轻松地创建数组或对象的副本,而无需诉诸Object.create,slice或库函数。Redux和rx.js项目中经常使用此语言功能。

function putDookieInAnyArray(arr) {
  return [...arr, 'dookie'];
}

const result = putDookieInAnyArray(['I', 'really', "don't", 'like']); // ["I", "really", "don't", "like", "dookie"]

const person = {
  name: 'Todd',
  age: 29,
};

const copyOfTodd = { ...person };

ES6的rest语法提供了一个简写,用于包含要传递给函数的任意数量的参数。它就像扩展语法的反转,将数据和填充到数组中而不是解压缩数据数组,它可以在函数参数中工作,也可以在数组和对象解构分配中工作。

function addFiveToABunchOfNumbers(...numbers) {
  return numbers.map(x => x + 5);
}

const result = addFiveToABunchOfNumbers(4, 5, 6, 7, 8, 9, 10); // [9, 10, 11, 12, 13, 14, 15]

const [a, b, ...rest] = [1, 2, 3, 4]; // a: 1, b: 2, rest: [3, 4]

const { e, f, ...others } = {
  e: 1,
  f: 2,
  g: 3,
  h: 4,
}; // e: 1, f: 2, others: { g: 3, h: 4 }

来源: github.com/yangshun


以上所述就是小编给大家介绍的《在ES6中使用扩展语法有什么好处?它与rest语法有什么不同?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

编程之美

编程之美

《编程之美》小组 编 / 电子工业出版社 / 2008-3 / 40.00元

这本书收集了约60道算法和程序设计题目,这些题目大部分在近年的笔试、面试中出现过,或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发,引导读者发现问题,分析问题,解决问题,寻找更优的解法。本书的内容分为下面几个部分: (1)游戏之乐:从游戏和其他有趣问题出发,化繁为简,分析总结。 (2)数字之魅:编程的过程实际上就是和数字及字符打交道的过程。这一部分收集了一些好玩的对数字进行......一起来看看 《编程之美》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具