快速理解ES6的模板字面量？

let abc = '天空' , hhh = '大地'

我们要将字符串和上述的两个变量拼接，并在后续的程序中 输出一个拼接后的字符串

传统实现方式：

let testString = '我们需要仰望'+abc+'的理想者，同样也需要脚踏'+hhh+'的实干派';

console.log(testString);

ES的模板字面量 ：

模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。

语法：

`string text ${expression} string text`

模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来。

let testString = `我们需要仰望${abc}的理想者，同样也需要脚踏${hhh}的实干派`;

console.log(testString);

可以看到传统实现方式需要额外的引号和加号，Es6的模板字面量可以很简洁的就完成任务，并且还可以换行，用起来相当高效。

这种语法大家可以应用到自己的开发中，相信绝对可以带来更好的编码体验。