ES6 模板字符串(Template String)是增强版的字符串，用反引号(`)标识，而不是单引号（’）或双引号（“）引号；它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

主要在三方面：

上面代码中，所有模板字符串的空格和换行都是被保留的，比如标签前面会有一个换行。

如果想把行首和行尾的换行、空格等去掉，则使用trim方法即可。

常见的用例是当您想从某些静态字符串+一些变量中生成一些字符串时。为此，您将需要一些模板逻辑，这就是模板字符串最初来自其名称的位置。从那以后，它们被正式重命名为模板文字。这是您之前可能生成html字符串的方式：

现在，使用模板文字，您可以执行以下操作：

请注意，插值（${插值}）内的任何占位符都将被视为JavaScript表达式并进行评估，例如，您可以进行数学运算。

上面代码中，模板字符串都是用反引号表示，

大括号内可以放入任意的JavaScript表达式，可以进行运算，以及引入对象属性。

如果大括号中的值不是字符串，则将按照一般的规则转换为字符串。

如若大括号中是一个对象，则将默认调用对象的toString方法，把对象转换为字符串。

如果模板字符串中的变量没有声明，则会报错。

模板字符串之间还可以进行嵌套。

如果需要引用模板字符串本身，在需要时执行，可以像下面这样写。

模板字符串的功能，还可以紧跟在一个函数后面，该函数将被调用来处理这个模板字符串，这种称为“标签模板”功能。

可以在模板字符串之前放置一个函数（称为a ）tag，它有机会预处理模板字符串文字和所有占位符表达式的值并返回结果。一些注意事项：

标签模板函数第一个参数是字符串模板的常量数组，后面的每一个参数为表达式的计算结果，函数名称可以任意指定。

标签模板其它是一种特殊的函数调用形式，“标签”指的就是函数，紧跟在后面的模板字符串就是它的参数。

上面代码中，模板字符串前面有一个标识名tag，它是一个函数。整个表达式的返回值就是tag函数处理模板字符串后的返回值。

函数tag依次会接收到多个参数。

tag函数的第一个参数是一个数组，该数组的成员是模板字符串中那些没有变量替换的部分，

也就是说，变量替换只发生在数组的第一个成员与第二个成员之间、第二个成员与第三个成员之间，以此类推。

tag函数的其他参数，都是模板字符串各个变量被替换的值。

本例中，模板字符串含有两个变量，因此tag会接收到value1和value2两个参数。

tag函数所有参数的实际值如下：

第一个参数： [‘Hello ‘, ’ world’, ”] 第二个参数: 3 第三个参数： 2

也就是说，tag函数实际上是用下面的形式调用：

String.raw方法用来充当模板字符串的处理函数，返回一个除表达式和变量会被替换，其它都保持原样的字符串。

String.raw方法可以作为处理模板字符串的基本方法，它会将所有变量替换，而且对斜杠进行转义，方便下一步作为字符串来使用。