模板字符串是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
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;