js中模板字符串的使用

JavaScript017

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

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

语法：

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

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

简单的变量替换

复杂的表达式

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

首先明确地回答你：是。

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

用途1：处理多行字符串

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

用途3：嵌入表达式

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