【笔记】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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 手把手教你如何掌控安装Tensorflow(Windows和Linux两种版本)[通俗易懂]

    现在越来越多的人工智能和机器学习以及深度学习,强化学习出现了,然后自己也对这个产生了点兴趣,特别的进行了一点点学习,就通过这篇文章来简单介绍一下,关于如何搭建Tensorflow以及如何进行使用。建议的话,还是要学习了一点Python基础知识和Linux知识是最好的!版本:Windows7一:安装Anaconda和Tensorflow步骤:1:从官方网站下载Anacond…

    2022年4月7日
    61
  • LoadRunner11在Win10 下的激活成功教程解决办法(整合)

    LoadRunner11在Win10 下的激活成功教程解决办法(整合)1.loadrunner在win10中因管理员安装完成之后,进行激活成功教程会出现如下问题这是因为win10系统下,该程序没有用管理员方式运行2.然后我们用管理员方式运行,出现如下错误3.解决管理员组织的问题解决步骤:1》.进入”控制面板“–”用户账户“–”用户账户“,选择”更改用户账户控制设置“,选择最后一项,点击”确定“按钮,如下图:2》.按【win+R】快捷…

    2022年7月22日
    14
  • Java的final关键字详解建议收藏

    Java中的final关键字非常重要,它可以应用于类、方法以及变量。这篇文章中我将带你看看什么是final关键字?将变量,方法和类声明为final代表了什么?使用final的好处是什么?最后也有一些使

    2021年12月20日
    42
  • java properties读取配置文件_jdk的path变量应该怎么设置

    java properties读取配置文件_jdk的path变量应该怎么设置JettywarNamewarWEB-INFjetty-webxmlTomcatMETA-INFcontextxmlServerxml默认contextxmlURL:http://hostname.com/contextPath/servletPath/pathInfoJetty如果没有contextPath,则默认使用root上下文,root上下文的路

    2025年12月13日
    3
  • python的flask框架_flask框架实例

    python的flask框架_flask框架实例Flask是一个Python编写的Web微框架,让我们可以使用Python语言快速实现一个网站或Web服务。本文参考自Flask官方文档,英文不好的同学也可以参考中文文档1.安装flaskpipinstallflask2.简单上手一个最小的Flask应用如下:fromflaskimportFlaskapp=Flask(__name__)@app.route(‘/’)defhello_world():return’HelloWorld’if__na

    2022年10月9日
    2
  • python正则表达式或者用法_python正则表达式使用实例

    python正则表达式或者用法_python正则表达式使用实例搞懂Python正则表达式用法作者:枫叶云来源:见文末Python正则表达式正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配。Python自1.5版本起增加了re模块,它提供Perl风格的正则表达式模式。re模块使Python语言拥有全部的正则表达式功能。compile函数根据一个模式字符串和可选的标志参数生成一个正…

    2022年9月26日
    2

发表回复

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

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