本文详细介绍ES6中的字符串模板、剩余参数和默认参数。字符串模板使用反引号简化拼接并支持嵌套；剩余参数替代arguments简化函数参数处理；默认参数支持表达式。包含具体代码示例与注意事项。
ES6新特性概述
本文通过具体实例，详细解析ES6中字符串模板、剩余参数以及默认参数的功能与使用场景，供读者参考学习。
本文将介绍字符串模板、剩余参数和默认参数的基本概念及实际应用。首先从字符串模板开始讲解。
字符串模板
字符串模板
在ES6中，可以使用反引号（`）来定义字符串。这种字符串内部可以包含由美元符号和花括号包裹的变量（${variable}）。对于熟悉C#等后端强类型语言的开发者来说，这一功能并不陌生。
字符串模板示例
//产生一个随机数
var num=Math.random();
//将这个数字输出到console
console.log(`your num is ${num}`);可以看出，字符串模板的主要作用是简化JavaScript中常见的字符串拼接操作。此外，它还有一些不太容易被注意到的特性：
1. 模板内部可以继续嵌套另一个模板；
2. 如果模板中的变量不是字符串类型，它会自动转换为字符串，类似于调用了.toString()方法；
然而，字符串模板也有其局限性：
1. 它不会自动进行转义处理，因此为了防止跨站请求伪造（CORS）等安全攻击，仍需谨慎处理敏感数据；
2. 它不能替代其他JavaScript模板引擎，因为缺乏循环等语法支持，而这些正是其他模板引擎的强项。
下图展示了字符串模板的使用示例：
从图中可以看出，字符串模板中还可以解析函数调用，并且支持传递参数。
剩余参数
剩余参数
接下来介绍剩余参数。许多编程语言早已实现了这一功能。剩余参数的主要作用是替代arguments对象。
大家应该熟悉arguments，它是JavaScript函数的内置属性，用于表示所有传入的参数。
虽然arguments功能强大，但容易因疏忽导致错误。例如，我们编写一个名为containsAll的验证函数，用于检测第一个参数是否包含后续的所有参数。
例如：
剩余参数示例
containsAll("banana", "b", "nan") //会返回 true,
containsAll("banana", "c", "nan") //会返回 false。实现代码如下：
function containsAll(haystack) {
for (var i = 1; i < arguments.length; i++) {
var needle = arguments[i];
if (haystack.indexOf(needle) === -1) {
return false;
}
}
return true;
}
可以看到，代码中使用了arguments对象，但索引从1开始。如果从0开始，则会错误地选中haystack参数，因此必须避免使用索引0，这也是最容易出错的地方。
那么，如何使用ES6的剩余参数来实现这个方法呢？
function containsAll(haystack, ...needles) {
for (var needle of needles) {
if (haystack.indexOf(needle) === -1) {
return false;
}
}
return true;
}
可以看到剩余参数的特定语法（...）。这意味着，从第2个到第n个参数可以直接放入...后面的数组中。
...的用法不仅限于函数参数，还可以用于简化以下操作：
var a = [2,3,4];
var b = [ 1, ...a, 5 ];
console.log( b );// [1,2,3,4,5]
默认参数
默认参数
最后介绍默认参数。这一功能在许多语言中早已实现，属于基本特性：
默认参数示例
function animalSentence(animals2="tigers", animals3="bears") {
return `Lions and ${animals2} and ${animals3}! Oh my!`;
}
不同的参数传入会返回不同的结果：
animalSentence()//"Lions and tigers and bears! Oh my!"；
animalSentence("elephants") //"Lions and elephants and bears! Oh my!"
animalSentence("elephants", "whales")//"Lions and elephants and whales! Oh my!".
然而，JavaScript的默认参数功能并不仅限于此，它还可以支持简短的表达式：
function animalSentenceFancy(animals2="tigers",animals3=(animals2 == "bears") ? "sealions" : "bears")
{
return `Lions and ${animals2} and ${animals3}! Oh my!`;
}
希望本文的内容对大家的ECMAScript程序设计有所帮助。