ES6 模板字符串

模板字符串是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

ES5中输出模板通常写成如下形式：

        const name = "小明";
        const age = 18;
        let p1 = document.createElement('p');
        p1.id = 'p1';
        document.body.append(p1);
        const str = '你好，我叫'+ name +'，我今年'+ age +'岁了。';
        p1.innerHTML = str;

上面写法相当繁琐不方便，于是ES6引入了模板字符串。

        let p2 = document.createElement('p');
        p2.id = 'p2';
        document.body.append(p2);
        const str1 = `你好，我叫${name}，我今年${age}岁了。`;
        p2.innerHTML = str1;