${}占位符
${}占位符需要和模板字符串配合使用。ES2015新增此语法结构。
作用:简单地说${}
占位符就是为某一个数据结构占据位置。
在ES2015之前,如果在字符串中插入一个JavaScript表达式,需要使用如下形式
let hobby = 'rap'
let str = "我爱唱、跳、" + hobby + "、篮球"
上面代码将变量hobby插入到字符串中,需要使用+
进行字符串连接。
如果插入的数量较多,或者说较为复杂的操作,那么上面的方式将十分繁琐,不人性化。
再来看一下利用占位符对上面功能的实现,代码实例如下:
let hobby = 'rap'
let str = `我爱唱、跳、${hobby} 、篮球`
打印结果如下:
我爱唱、跳、rap 、篮球
很自然的利用占位符将变量插入到字符串中。
特别说明:这里使用了模板字符串。
模板字符串``
模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。