ES6 - 模板字符串

前言

传统的字符串模板
在传统的Javascript中，如果我们对DOM进行操作，字符串模板通常采用加号( + )进行字符串拼接。

ES6模板字符串
反引号( ` )表示普通的字符串，也可以表示多行字符串(随意换行)，同时还可以插入变量（代替传统的加号拼接）。

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

如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号（`）时，需要在它前面加转义符（\）。

注意：模板字符串中的换行和空格会被保留，并且如果模板字符串中的变量没有声明，将报错。

后续，我们所有实例都采用对比传统的字符串进行演示。

基本用法

// 传统字符串拼接
var str1