模板字符串是ES6中非常重要的一个新特性,这个特性使得处理相关业务变得更加容易。
基础用法
let a = `hello world`;
console.log(a); // hello world
注意这里不是双引号,而是反撇号`
在模板字符串中,还可以拼接html元素,同时空格、缩进、换行都会被保留,并且如果模板字符串中的变量没有声明,将报错。
let str = `
<div>
<ul>
<li>11</li>
<li>22</li>
</ul>
</div>
`;
上面代码中,<div>
标签前面会有一个换行。如果你不想要这个换行,可以使用trim方法消除它。
let str = `
<div>
<ul>
<li>11</li>
<li>22</li>
</ul>
</div>
`.