本文主要是介绍${}占位符和模块占位符``，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

${}占位符

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

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

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

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

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

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

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

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

打印结果如下：

我爱唱、跳、rap 、篮球

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

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

模板字符串``

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

传送门：es6模板字符串

这篇关于${}占位符和模块占位符``的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！