字符串的扩展_2020/01/13

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


字符串拼接

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


模板字符串

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


模板字符串用法

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


反引号转义

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

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

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

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


模板字符串的嵌套使用
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容