前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【笔记】ES6 模板字符串

【笔记】ES6 模板字符串

作者头像
全栈程序员站长
发布2022-09-24 12:58:00
2850
发布2022-09-24 12:58:00
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

ES6中的字符串可以用反引号括起来用作模板字符串。

代码语言:javascript
复制
const str = `Hello World`
console.log(str) // Hello World

通过上面的例子,我们能感觉到,这个用反引号括起来跟单引号括起来貌似没有什么区别,那我们为什么要用模板字符串呢?那是因为我们还没有讲到模板字符串的特性。

  • 模板字符串内可以插入变量值和表达式
代码语言:javascript
复制
// 插入变量
const moon = '月亮'
const str1 = `代表${ 
     moon}消灭你`
console.log(str1) // 代表月亮消灭你
// 插入表达式
const age = 18
const str2 = `我今年${ 
     age}岁,明年${ 
     age + 1}岁`
console.log(str2) // 我今年18岁,明年19岁
  • 模板字符串内可以出现换行符
代码语言:javascript
复制
const html = ` <ul> <li>我不是药神</li> <li>奇迹</li> </ul> `

就以上两个特性,是不是香呢?让我们用起来。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/171851.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档