本文将介绍如何在JavaScript ES6中高效地运用模板字符串功能，包括变量插入、多行字符串以及标签模板等实用技巧。
ES6 模板字符串是JavaScript语言的一个重要更新，它提供了一种更加方便和灵活的方式来创建和操作字符串。模板字符串以反引号（`）包裹，允许我们在字符串中直接嵌入变量和表达式，大大简化了字符串拼接的操作。
在传统的JavaScript中，我们需要使用加号（+）来连接字符串和变量：
```javascript
var name = Alice;
var age = 25;
var message = My name is + name + , and I am + age + years old.;
```
而在ES6中，我们可以使用模板字符串来实现相同的功能，使得代码更易读：
```javascript
var name = Alice;
var age = 25;
var message = `My name is ${name}, and I am ${age} years old.`;
```
模板字符串的亮点在于 `${expression}` 结构，它可以插入任何JavaScript表达式的值。表达式的结果会被转换为字符串并插入到相应的位置。
此外，模板字符串还支持多行书写，无需使用 `n` 来换行，所有在模板字符串中的换行和缩进都会被保留下来，这对于编写HTML等代码非常方便：
```javascript
var html = `
Hello, World!
This is a multi-line string.
`;
```
然而，模板字符串并非完美无缺。它不处理字符串的自动转义，这意味着如果直接插入用户输入的数据，可能会引发XSS（跨站脚本攻击）。为了解决这个问题，可以使用标签模板（tagged template）。标签模板是在模板字符串前面添加一个函数来自定义其行为：
```javascript
function escapeHTML(template, ...values) {
const escapedValues = values.map(value => value.replace(&g, &)
.replace(
g, >));
return template.reduce((acc, part, index) => acc + escapedValues[index - 1] + part);
}
var userInput = 
5星
