【笔记】ES6 模板字符串

【笔记】ES6 模板字符串ES6中的字符串可以用反引号括起来用作模板字符串。conststr=`HelloWorld`console.log(str)//HelloWorld通过上面的例子,我们能感觉到,这个用反引号括起来跟单引号括起来貌似没有什么区别,那我们为什么要用模板字符串呢?那是因为我们还没有讲到模板字符串的特性。模板字符串内可以插入变量值和表达式//插入变量constmoon=’月亮’conststr1=`代表${moon}消灭你`console.log(str1)/.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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

const str = `Hello World`
console.log(str) // Hello World

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python下载小说 -XXOO[通俗易懂]

    Python下载小说 -XXOO[通俗易懂]前言作为一个十年老书虫,对于小说来源深有体会,从买实体书到电子书下载。各种不爽,在这里也是满足下自己迫切的心情,来,撸一发代码,找几本小说看看。一、搜索入口这里也是找了一个良心的网站来操作的。其他的下载不是充钱就是会员或者空白。http://www.bookshuku.com/是不是很直白,上代码#name小说名称defsearchTxt(name):url=’http://www.bookshuku.com/search.html’hea…

    2022年7月17日
    29
  • 最简单的在IntelliJ IDEA导入一个本地项目教程

    最简单的在IntelliJ IDEA导入一个本地项目教程nbsp nbsp nbsp nbsp 由于在学习中 我们经常会用到别人已经开发好的某些项目 要学习别人的东西 你肯定的先导入编辑器中自己试试吧 eclipse 大家都会 可是换成 idea 开发又该怎样导入呢 整合最近我已需要学习别人的项目 希望把这个过程记录下来帮助大家学习 那么我们就开始吧第二步找到自己要导入的项目 然后点击 ok nbsp 如果是 maven 就选择 maven 剩下的你就一路点击 next 就 ok 最

    2025年11月3日
    7
  • js动态显示表格的汇总信息和详细信息

    我在做数据结果展示的时候,想要实现一个如下的功能:用户可以选择一个时间段,默认显示这个时间段的汇总数据,当鼠标点击这个时间段的时候,将显示每个时间点的详细数据,再次点击的时候,详细数据收起,只显示汇

    2021年12月24日
    43
  • mysql中的enum是什么类型_数据库枚举类型是什么

    mysql中的enum是什么类型_数据库枚举类型是什么为什么使用枚举限定值的取值范围,比如性别(男,女,未知)等。枚举类型使用陷阱超级不推荐在mysql中设置某一字段类型为enum,但是存的值为数字,比如‘0’,‘1’,‘2’;解释1:你会混淆,因为enum可以通过角标取值,但它的角标是从1开始,对于不熟悉这个字段的人这里会出错解释2:enum类型的字段对于0与‘0’有非常大的区别,如果你是用0当角标做操作,因它没有这个角标,所要会报错;如果你使用‘

    2025年9月17日
    5
  • MyBatisPlus–逻辑删除「建议收藏」

    MyBatisPlus–逻辑删除「建议收藏」逻辑删除开发系统时,有时候在实现功能时,删除操作需要实现逻辑删除,所谓欧吉删除就是将数据标记为删除,而并非真正的物理删除(非DELETE操作),查询时需要携带状态条件,确保被标记的数据不被查询,这样做的目的就是避免数据被真正的删除。配置application.properties#删除状态值为1mybatis-plus.global-config.db-config.logic-del…

    2022年5月5日
    77
  • 【ClassLoader】实现自定义类加载器加载指定路径下的Class文件和Jar包[通俗易懂]

    【ClassLoader】实现自定义类加载器加载指定路径下的Class文件和Jar包[通俗易懂]自定义类加载器:1.加载指定目录下的.class文件2.加载指定目录下的jar包

    2025年9月21日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号