原副标题：ES6表达式模块的变异之余下模块、预设模块和重构表达式模块
在ES6（ECMAScript 2015）以后，JavaScript表达式的模块传达相较单纯，但也有许多不足之处。为的是提高开发人员的程式设计新体验和代码的时效性，ES6导入了余下模块、预设模块和重构表达式模块等优点，让表达式模块的处置显得更为灵巧和快捷。责任编辑将研讨这四个机能，并紧密结合示例展开详尽传授。
一、余下模块（Rest Parameters）
余下模块容许我们在表达式表述中捕捉不确认数目的模块，并将它搜集到两个字符串中。这对处置气门数目的模块十分管用，防止了对arguments第一类的采用，让标识符更为单纯和易懂。
1.1 叙述
function(a, b, …theArgs) {
// …
}
假如表达式的最终两个重新命名模块以…为后缀，则它将正式成为两个由余下模块共同组成的真字符串，当中从0（主要就包括）到theArgs.length（须建）的原素由传达给表达式的前述模块提供更多。
在下面的范例中，theArgs将搜集该表达式的第四个模块（即使第两个模块被态射到a，而第三个模块态射到b）和大部份先期模块。
1.2 余下模块和 arguments第一类的差别
余下模块和 arguments第一类间的差别主要就有四个：
余下模块只包涵这些没有相关联实参的std，而 arguments 第一类包涵了传予表达式的大部份std。 arguments第一类并非两个或者说的字符串，而余下模块是或者说的 Array示例，换句话说你能在它下面间接采用大部份的字符串方式，比如说 sort，map，forEach或pop。 arguments第一类除了许多附带的优点 （如callee优点）。1.3 案例：计算多个数字的和
function sum(…numbers) {
return numbers.reduce((acc, curr) => acc + curr, 0);
}
console.log(sum(1, 2, 3, 4)); // 输出: 10
console.log(sum(5, 10)); // 输出: 15
在上述案例中，通过采用余下模块，我们可以轻松地传达任意数目的模块，并将它求和。
二、预设模块（Default Parameters）
预设模块是指在表达式表述时为模块指定预设值，当调用表达式时假如未传达该模块，则采用预设值。在ES6以后，为表达式设置预设模块需要手动检查模块是否为undefined并展开表达式，而ES6的预设模块优点简化了这个过程。
2.1 叙述
JavaScript 中表达式的模块预设是undefined。然而，在某些情况下可能需要设置两个不同的预设值。这是预设模块可以帮助的地方。
以前，一般设置预设模块的方式是在表达式体测试模块是否为undefined，假如是的话就设置为预设的值。
下面的范例中，假如在调用multiply时，模块b的值没有提供更多，那么它的值就为undefined。假如间接执行a * b，表达式会返回 NaN。
function multiply(a, b) {
return a * b;
}
multiply(5, 2); // 10
multiply(5); // NaN
为的是防止这种情况，第二行标识符解决了这个问题，当中假如只采用两个模块调用multiply，则b设置为1：
function multiply(a, b) {
b = (typeof b !== undefined) ? b : 1;
return a * b;
}
multiply(5, 2); // 10
multiply(5); // 5
有了预设模块，我们不需要再在表达式体内做不必要的检查。现在你可以在表达式头将b的预设值置为1：
function multiply(a, b = 1) {
return a * b;
}
multiply(5, 2); // 10
multiply(5); // 5
2.2 传入 undefined vs 其他假值
在第二次调用中，即使第两个模块在调用时显式设置为undefined（虽然并非null或其他falsy值），但是num模块的值是预设值。
function test(num = 1) {
console.log(typeof num);
}
test(); // number (num is set to 1)
test(undefined); // number (num is set to 1 too)
// test with other falsy values:
test(); // string (num is set to )
test(null); // object (num is set to null)
2.3 预设模块可用于后面的预设模块
已经遇到的模块可用于以后的预设模块：
function greet(name, greeting, message = greeting + + name) {
return [name, greeting, message];
}
greet(David, Hi); //[“David”, “Hi”, “Hi David”]
greet(David, Hi, Happy Birthday!); //[“David”, “Hi”, “Happy Birthday!”]
三、重构表达式模块
重构表达式是一项在ES6中导入的
3.1 案例：打印用户信息
function printUserDetails({ name, age }) {
console.log(`Name: ${name}, Age: ${age}`);
}
const user = { name: Alice, age: 30 };
printUserDetails(user); // 输出: Name: Alice, Age: 30
name和age优点的值并打印出来。
3.2 综合运用：计算购物车中商品总价
这四个优点不仅可以单独采用，还可以紧密结合运用，让我们的标识符更为灵巧和简洁。
function calculateTotalPrice(discountRate = 0, …prices) {
const total = prices.reduce((acc, curr) => acc + curr, 0);
return total * (1 – discountRate);
}
console.log(calculateTotalPrice(0.1, 20, 30, 40)); // 输出: 81
console.log(calculateTotalPrice(undefined, 10, 25)); // 输出: 35
在上述案例中，我们表述了两个calculateTotalPrice表达式，它接受两个预设模块discountRate和余下模块prices。通过余下模块，我们可以传达任意数目的商品价格，并通过预设模块来设置折扣率。表达式将大部份价格求和后，乘以（1 – 折扣率）得到最终总价。
总结
余下模块、预设模块和重构表达式模块是ES6为JavaScript表达式带来的重要变异。它让表达式表述和调用显得更为灵巧、单纯和高效。通过合理运用这些优点，我们能编写出更具有时效性和维护性的标识符。
希望责任编辑能帮助你深入理解余下模块、预设模块和重构表达式模块的用法，并在前述开发中充分运用它。在学习和采用过程中，不断探索和实践，让你的JavaScript标识符更上一层楼！
