(1)模板字面量

模板字面量是ES6新增的定义字符串的方式。

---

与使用单引号或双引号不同，模板字面量保留换行字符，可以跨行定义字符串：

let myMultiLineString = 'first line\nsecond line';

let myMultiLineTemplateLiteral = `first line
second line`;

console.log(myMultiLineString);
console.log(myMultiLineTemplateLiteral);

console.log(myMultiLineString === myMultiLineTemplateLiteral);

运行结果：

顾名思义，模板字面量在定义模板是特别有用。

比如下面这个html模板：

let pageHTML = `
        <div>
            <a href="#">
                <span>Jake</span>
            </a>
        </div>
`;

由于模板字面量会保持反引号内部的空格，因此在使用时要格外的注意。
格式正确的模板字符串看起来可能会缩进不当：

let myTemplateLiteral = `first line
                         second line`;
console.log(myTemplateLiteral.length);//47

let secondTemplateLiteral = `
first line
second line`;
console.log(secondTemplateLiteral[0] === '\n');//true

let thridTemplateLiteral = `first line
second line`;
console.log(thridTemplateLiteral);
//first line
//second line

---

参考资料：JavaScript高级程序设计（第4版）