${}占位符和模块占位符``

${}占位符

${}占位符需要和模板字符串配合使用。ES2015新增此语法结构。

作用:简单地说${}占位符就是为某一个数据结构占据位置。

在ES2015之前,如果在字符串中插入一个JavaScript表达式,需要使用如下形式

let hobby = 'rap'
let str = "我爱唱、跳、" + hobby + "、篮球"

上面代码将变量hobby插入到字符串中,需要使用+进行字符串连接。

如果插入的数量较多,或者说较为复杂的操作,那么上面的方式将十分繁琐,不人性化。

再来看一下利用占位符对上面功能的实现,代码实例如下:

let hobby = 'rap'
let str = `我爱唱、跳、${hobby} 、篮球`

打印结果如下:

我爱唱、跳、rap 、篮球

很自然的利用占位符将变量插入到字符串中。

特别说明:这里使用了模板字符串。

模板字符串``

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

传送门:es6模板字符串

posted @ 2021-07-01 22:23  至安  阅读(466)  评论(0编辑  收藏  举报