字符串的扩展
模板字符串
ES6模板字符串
字符串模板拼接的点击事件
模板字面量是用反引号(`)分隔的字面量,允许多行字符串、带嵌入表达式的字符串插值和一种叫带标签的模板的特殊结构。
let name = "lemmool"
let nike = `https://images.hive.blog/u/${name}/avatar`
console.log(566, name, nike)
//566 lemmool https://images.hive.blog/u/lemmool/avatar
`` 这对反引号可以作为多行文本的定义,eg:
let text = `岳阳烧烤学院揭牌(来源:新湖南) 说实话,当我第一次听到“岳阳烧烤学院”时有种莫名地荒谬感,但转念一想,也可以理解:都是求生存嘛,学什么不是学。以前有蓝翔教挖土机,现在有岳阳烧烤学院教烧烤,社会还蛮进步的。 烧烤学院背后的生存启示录 先来看看数据:岳阳烧烤年产值已经突破20个亿,带动上万人就业。这么大的产业规模,这么广阔的就业前景
`
//可以单行,多行,嵌入变量和函数都是可以的。还可以生成div结构
// 模板字符串生成dom元素
const loadingStripe = (uniqueId) => {
return (
``
)
}
//如果要嵌入点击事件,就要相对麻烦一些
// 需要与onclick结合,再将这个函数挂载到window上
const itemStripe = (username, email, created, uniqueId) => {
return (
`
X
名字: ${username}
email: ${email}
时间: ${TimesToLocal(created)}
`
)
}
RE: JavaScript开发笔记