传统的JavaScript输出模板通常是这样的:
字符串拼接
上面的做法颇为繁琐,ES6引入了模板字符串来解决这个问题:
模板字符串
模板字符串(template string)时增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
模板字符串用法
以上代码中的字符串都使用了反引号。如果模板字符串中需要使用反引号,则在其前面要用反斜杠转义。
反引号转义
如果使用模板字符串标识多行字符串,所有的空格、换行和缩进都会被保留在输出中。可以使用tirm方法去除前后的换行和空格;
在模板字符串中嵌入变量,需要将变量名写在${}中。大括号内可以放入任意的JavaScript表达式,可以进行运算,以及引用对象属性,甚至还能调用函数。
如果大括号内部是一个字符串,则会原样输出。
模板字符串还能嵌套使用:
模板字符串的嵌套使用