js中模板字符串的使用

JavaScript020

js中模板字符串的使用,第1张

es6中增加了模板字符串,使字符的操作更加灵活和解决复杂的问题。

语法:

使用反引号( ` )来包裹普通字符串。如:

在模板字符串中可以将任何有效的 JS 表达式嵌入到模板字面量中,并将其结果输出为 字符串的一部分。如:

简单的变量替换

复杂的表达式

模板字符串里面只能输出一个字符串,所以即使把js写入模板字符串里面,也不能把其中的样式显示出来。为了让js中的样式能够显示出来,我们应该在模板字符串外面使用JavaScript的样式属性(style)来应用到这些样式。

首先明确地回答你:是。

反引号包裹的字符串被称为:模版字符串。

用途1:处理多行字符串

用途2:插入变量,注意变量一定要用${}包裹

用途3:嵌入表达式

在使用过程中,特别是前端模版中,反引号非常有效的提升了开发速度。