美文网首页
10月16日:模板字符串介绍

10月16日:模板字符串介绍

作者: Daniel_7f47 | 来源:发表于2019-10-16 15:47 被阅读0次

模板字面量是允许嵌入表达式的字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。

描述:模板字符串使用反引号(` `)来代替普通字符串中的单引号和双引号。模板字符串可以包含特定语法${expression})的占位符。占位符中的表达式和周围的文本一起传给一个默认函数,该函数负责讲所有的部分连起来,如果一个模板字符串由表达式开头,则该字符串被称为带标签的模板字符串,该表达式通常是一个函数,它会在模板字符串处理后被调用,在输出最终结果前,你都可以通过该函数来对模板字符串进行操作处理。在模板字符串内使用反引号(` `)时需要在它前面加转义字符(\)。

多行字符串

在新行中插入的任何字符串都是模板字符串中的一部分,使用普通字符串你可以通过一以下方式获得多行字符串:


插入表达式

在普通字符串中嵌入表达式,必须使用如下语法:

使用模板字符串,我们可以使用更优雅的方式来表达:

嵌套模板

在某些时候,嵌套模板是具有可配置字符串的最简单也是更可读的方法。 在模板中,只需在模板内的占位符 ${ } 内使用它们,就可以轻松地使用内部反引号。 例如,如果条件 a 是真的,那么返回这个模板化的文字。

相关文章

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • 模板引擎

    目录:1.字符串拼接2.string format3.模板替换4.自制模板引擎5.常见模板引擎介绍 需求: 用JS...

  • ES6-字符串方法及其实现

    1.模板字符串 模板字符串替换+操作符,来拼接字符串,并且支持换行: 标签模板: 标签模板其实不是模板,而是函数调...

  • ECMAScript6 学习(一)

    字符串的扩展 字符串的遍历器接口for...of循环 模板字符串 字符串中嵌入变量 标签模板 模板字符串可以紧跟在...

  • es6

    1.模板字符串 $().append(` `) 添加模板字符串,模板字符串中嵌入变量,需要将变量名写在${}之中。...

  • ES6字符串扩展

    字符串的Unicode表示法 字符串的遍历器接口 模板字符串` 长字符串换行 变量拼接 嵌套模板 带标签的模板字符...

  • ES6之模板字符串

    说明: 通过 ${ letName } 使模板字符串支持插值 模板字符串必需要用反 撇号(`) 括起来 模板字符串...

  • ES6-字符串模板

    模板字符串使用案例一 标签模板字符串 标签模板字符串案例 标签函数的用途,可以用来过滤用户输入

  • es6小结

    模板字符串字符串拼接不需要+,而是用``,变量用${变量名}表示 Tips:模板字符串里的变量的值取模板字符串定义...

  • ES6(4)、新版字符串

    1、模板字符串 模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(...

网友评论

      本文标题:10月16日:模板字符串介绍

      本文链接:https://www.haomeiwen.com/subject/mxeruqtx.html