freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md

id, challengeType, forumTopicId, title

id	challengeType	forumTopicId	title
587d7b88367417b2b2512b47	1	301221	将 rest 操作符与函数参数一起使用

Description

ES6 推出了用于函数参数的 rest 操作符帮助我们创建更加灵活的函数。在rest操作符的帮助下，你可以创建有一个变量来接受多个参数的函数。这些参数被储存在一个可以在函数内部读取的数组中。 请看以下代码：

function howMany(...args) {
  return "You have passed " + args.length + " arguments.";
}
console.log(howMany(0, 1, 2)); // You have passed 3 arguments.
console.log(howMany("string", null, [1, 2, 3], { })); // You have passed 4 arguments.

rest操作符可以避免查看args数组的需求，并且允许我们在参数数组上使用map()、fiter() 和 reduce()。

Instructions

修改sum函数，来让它使用rest操作符，并且它可以在有任何数量的参数时以相同的形式工作。

Tests

tests:
  - text: <code>sum(0,1,2)</code>的返回结果应该为3。
    testString: assert(sum(0,1,2) === 3);
  - text: <code>sum(1,2,3,4)</code>的返回结果应该为10。
    testString: assert(sum(1,2,3,4) === 10);
  - text: <code>sum(5)</code>的返回结果应该为5。
    testString: assert(sum(5) === 5);
  - text: <code>sum()</code>的返回结果应该为 0。
    testString: assert(sum() === 0);
  - text: 对<code>sum</code>函数的<code>args</code>参数使用了<code>...</code>展开操作符。
    testString: assert(code.replace(/\s/g,'').match(/sum=\(\.\.\.args\)=>/));

Challenge Seed

const sum = (x, y, z) => {
  const args = [x, y, z];
  return args.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 6

Solution

const sum = (...args) => {
  return args.reduce((a, b) => a + b, 0);
}