ES6 字符串模板

ES6新增字符串模板，用  ``  来表示，将模板直接放在中间就可以，如果其中有变量，使用${} 来包裹就可，超级的好用，下面来看些例子你就能体会到

正常情况的字符串拼接

let age = 18, name ="小明";

console.log("我是" + name + ",今年" + age + "岁了！")
结果：我是小明，今年18岁了

有了模板之后方便快捷，不用加号拼接了

let age = 18, name ="小明";

console.log(`我是${name},今年${age}岁了！`)
结果：我是小明，今年18岁了

 平时用的最多的可能是创建一个元素，然后将元素塞到页面中，不过容易迷惑的是无数个 引号 和 加号 ，稍不 注意就会出错，

例子：

let dom = "<ul><li>" + data.msg1 + "</li>"
        + "<li>"+ data.msg2 +"</li>"
        + "<li>"+ data.msg3 +"</li>"
        + "<li>"+ data.msg4 +"</li>"
        + "</ul>"

 有了字符串模板，不用担心换行问题，也不用担心变量之间的连接问题，直接将变量用 ${} 包含即可，整体用 `` 包含即可
同样的例子

let dom = `<ul>
        <li>${data.msg1}</li>
        <li>${data.msg2}</li>
        <li>${data.msg3}</li>
        <li>${data.msg4}</li></ul>`