ES6-模板字面量

ES引入模板字面量（Template Literals），对字符串的操作进行了增强。

• 多行字符串：真正的多行字符串
• 字符串占位符：可以将变量或js表达式嵌入占位符

1.多行字符串
模板字面量的基础语法是用反引号（`）替换字符串的单、双引号。如：

let msg = `hello world`

如果想在字符串中使用反引号，用反斜杠（\）将它转义即可。如：

let msg = `hello \` world`

在ES6中使用模板字面量语法，很方便地实现多行字符串地创建，想在字符串中添加新的一行，只需要在代码中直接换行就行。如：

let msg = `hello
world`
console.log(msg)
// 输出结果
hello
world

2.字符串占位符
在模板字面量中，可以将js变量或合法的js表达式嵌入占位符并将其作为字符串的一部分输出来。占位符由一个左侧的"${"和右侧的"}"符号组成，中间可以包含变量或js表达式。如：

let name = '张三'
let msg = `hello ${name}`
console.log(msg)
// 输出： hello 张三

模板字面量自身也是js表达式，因此可以在模板字面量中嵌入另一个模板字面量。如：

let name = '张三'
let msg = `hello ${`my name is ${name}`}`
console.log(msg)  // 输出：hello my name is 张三