ES6字符串模板

151 阅读1分钟
  • 原生js里不允许字符串换行。
  • 字符串模板就是解决字符串和变量连接时麻烦的问题。
  • 模板字符串可以直接引入变量,需要把变量放在${ }里,要用**`**反义符把这一堆字符串包裹起来。
  • ${}里可以放所有的表达式,变量读取,读取数组,读取对象属性值,加减乘除,除了逻辑语句之外,都可以叫做表达式。它们都可以直接放在{}里。{}会把表达式的结果拼接在里面,渲染到页面上。
  • 模板字符串特点
  • 可以放一个函数调用。就相当于把函数的结果拼接在这里。
  1. 如果使用模板字符串表示多行字符串,所有的空格和缩进都会被保留在输出之中。(简单来说就是可以换行)
  2. 模板字符串中嵌入变量,需要将变量写在${}之中。
  3. 大括号内部可以放入任意的JavaScript表达式,进行运算,以及引用对象属性
  4. 模板字符串之中还能调用函数。
  5. 如果模板字符串中的变量没有声明,将报错。
  6. 由于模板字符串的大括号内部,就是执行JavaScript代码,因此如果大括号内部是一个字符串,将会原样输出。
  7. 模板字符串甚至还能嵌套。