5.ES6 模板字符串

Posted on Edited on In

 

ES6 模板字符串

模板字符串（template string）是增强版的字符串， 用反引号（`）标识，特点：

1）字符串中可以出现换行符

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let str = 
    `<ul>
        <li>item1<li>
        <li>item2<li>
        <li>item3<li>
        <li>item4<li>
    </ul>`;

console.log(str);
/**
 * <ul>
            <li>item1<li>
            <li>item2<li>
            <li>item3<li>
            <li>item4<li>
        </ul>
 */

2）可以使用 ${xxx} 形式输出变量

1
2
3
4
let fruit = "apple";
let output = `${fruit} is my favourite fruit`;
console.log(output);
// apple is my favourite fruit

注意：当遇到字符串与变量拼接的情况使用模板字符串