字符串的扩展_2020/01/13

传统的JavaScript输出模板通常是这样的:


字符串拼接

上面的做法颇为繁琐,ES6引入了模板字符串来解决这个问题:


模板字符串

模板字符串(template string)时增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。


模板字符串用法

以上代码中的字符串都使用了反引号。如果模板字符串中需要使用反引号,则在其前面要用反斜杠转义。


反引号转义

如果使用模板字符串标识多行字符串,所有的空格、换行和缩进都会被保留在输出中。可以使用tirm方法去除前后的换行和空格;

在模板字符串中嵌入变量,需要将变量名写在${}中。大括号内可以放入任意的JavaScript表达式,可以进行运算,以及引用对象属性,甚至还能调用函数。

如果大括号内部是一个字符串,则会原样输出。

模板字符串还能嵌套使用:


模板字符串的嵌套使用

你可能感兴趣的:(字符串的扩展_2020/01/13)