概述

在ES6之前，我们定义一个字符串是使用双引号（""）或者单引号（''），但是使用这种方式，在书写的时候是不能换行的，一换行就报错了，而且字符串拼接只能使用加号(+)的方式，如下。

// 下面代码直接报错
var str = "Hi 
jack"

// 只能使用这种方法拼接。万一字符串很长，你看这代码就会很烦躁了
var str = "Hi" + "jack";

模板字符串

ES6提出了一个新的书写字符串的方式，叫模板字符串，这个可以轻松的进行字符串拼接，模板字符串时使用反引号来定义（``）就是键盘上面那行数字键1左边的那个。如下

var name = "jack";
var age = "18";

// 拼接首先使用一个 $ 符号占位然后后面跟大括号，大括号里边写的就是表达式，js会把这个表达式的结果替换到这个展位符中
var str = `
<p>name: ${name}</p>
<p>age: ${age}</p>
`