传统做法需要使用大量的“”(双引号)和 + 来拼接才能得到我们需要的模版,这样的做法非常不方便,例如:
let str = "He is <b>"+person.name+"</b>"+"and we wish to know his"+person.age+".That is all"
于是ES6中提供了模版字符串,用`(反引号)标识,用${}将变量括起来。上面的例子可以用模版字符串写成下面这样:
`He is <b>${person.name}</b>and we wish to know his${person.age}.that is all`
在${}中的大括号里可以放入任意的JavaScript表达式,还可以进行运算,以及引用对象属性。
var x=88;
var y=100;
console.log(`x=${++x},y=${x+y}`);
参考资料:
ES6之模版字符串
ES6-字符串 - 世界上最棒的鹅