字符串的扩展

模板字符串

使用 ` 反引号。

特点

1. 可以识别DOM节点

        let box = document.getElementById('box');
        box.innerHtml = `<h2>Hello World</h2>`;

2. 语法上有 ${}, 内部可以引用变量、运算式、函数、对象属性 。

        {
            // 变量
            let name = 'Bob', day = 'today';
            console.log(`Hello ${name}, How are you ${day}`);

            //运算式
            let x = 1, y = 2;
            console.log(`结果是：${x + y}`);

            //调用函数：
            let fn = function() {
                return 'function is running'
            }
            console.log(`函数执行结果：${fn()}`);
        }

3. 如果内部要使用 ` 反引号，要用 \ 进行转义。

       {
            console.log(`如果要使用\`，要用反斜杠进行转义`);
        }