ES6提供了一种新类型的字符串文字,使用反向标记作为分隔符。这些文字确实允许嵌入基本的字符串插值表达式,然后自动解析和评估它们。

let  person = {name:'RajiniKanth',age:68,greeting:'Thalaivaaaa!'};

let  usualHtmlStr ="

My name is "+ person.name +",

\n"+"

I am "+ person.age +" old

\n"+" \""+ person.greeting +"\" is what I usually say";

let  newHtmlStr =

`

My name is ${person.name},

I am ${person.age} old

"${person.greeting}" is what I usually say`;

console.log(usualHtmlStr);

console.log(newHtmlStr);如您所见,我们在一系列字符周围使用了`,这些字符被解释为字符串文字,但${..}形式的任何表达式都会立即进行内联解析和评估。 内插字符串文字的一个非常好的好处是允许它们分成多行。

var Actor = {"name":"RajiniKanth"};

var text =`Now is the time for all good men like${Actor.name}to come to the aid of theircountry!`;

console.log( text );

// Now is the time for all good men to come to the aid of their country!

使用ES6:

您的字符串可以跨越多行。

您不必转义引号字符。

您可以避免分组:“”>“

您不必使用加号运算符。

html 反引号 用法,JavaScript中的反引号符号(`)的用法是什么?相关推荐

  1. 在 Markdown 中,如何在反引号对语句中使用反引号

    在 Markdown 中,如何在反引号对语句中使用反引号   在 Markdown 中,经常会使用一种反引号对语句来标识一段 特殊文字,如 `特殊文字`.不过,有时候 特殊文字 中也会含反引号.显然, ...

  2. java中的感叹号是_[Java教程]javascript中的2个感叹号的用法

    [Java教程]javascript中的2个感叹号的用法 0 2014-04-15 19:00:09 !!是逻辑"非非",即是在逻辑"非"的基础上再" ...

  3. js的object的key需要引号吗,JavaScript中对象是否需要加引号?

    对象的属性名是包括空字符串在内的所有字符串. 那么问题来了,我们平时定义的对象如下,是没有引号""or''的,这样不加引号有没有错呢? 答案是,加不加分情况!但加了肯定没问题... ...

  4. python反爬虫破解_python中绕过反爬虫的方法总结

    我们在登山的途中,有不同的路线可以到达终点.因为选择的路线不同,上山的难度也有区别.就像最近几天教大家获取数据的时候,断断续续的讲过header.地址ip等一些的方法.具体的爬取方法相信大家已经掌握住 ...

  5. php for循环in的用法,JavaScript中for in循环是如何使用的?需要注意些什么?

    大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环: (2)for..in循环: 使用for循环进行迭代数组对象,想必大家都已经司空见惯了.但是,使用for.. in循环时 ...

  6. python items函数用法,Python中dictionary items()系列函数的用法实例

    本文实例讲述了Python中dictionary items()系列函数的用法,对Python程序设计有很好的参考借鉴价值.具体分析如下: 先来看一个示例: import html # availab ...

  7. java单引号 python_单引号与Python中的双引号

    我喜欢在用于插值的字符串或自然语言消息中使用双引号,对于小符号类型的字符串使用单引号,但是如果字符串包含引号,或者如果我忘记,则会打破规则. 对于正则表达式,我使用三重双引号作为docstrings和 ...

  8. html页面的text用法,js中innerHTML,innerText,outerHTML用法总结

    如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...

  9. java正则表达式双引号_正则表达式中的双引号

    跟进我之前的问题here . 我意识到我需要对我的正则表达式案例更加具体,以获得适合我案例的答案 . 我已经用这个正则表达式打了很长时间(也使用我之前的问题的答案),我似乎无法构建我需要的东西 . 我 ...

最新文章

  1. 虚数有物理意义吗?潘建伟范靖云团队最新量子力学研究同日登顶刊,引发基础数理热议...
  2. Spark常规性能调优一:最优资源配置
  3. html设置百度协议,网站HTML结构SEO要求说明(含移动站)
  4. 王者服务器维护什么时间结束s19,王者荣耀S19赛季什么时候结束 S19赛季结束时间...
  5. What is Dark Net
  6. 【OpenCV】形态学处理
  7. tracepro杂散光分析例子_第二期青年矿床学家网络论坛(刘琰碳酸岩杂岩体型稀土矿;王小林CO2成矿效应)...
  8. 产业分析:阿里巴巴碳中和行动报告
  9. 蒙氏三段卡---马三段卡
  10. 【Python笔记】列表基础操作 :创建,增加、删除、查询。附加:练习题。用简单代码解释。
  11. Redis大数据应用场景
  12. 电子DIY:用单片机设计一款USB游戏手柄
  13. 微信小程序简单好看的表格器
  14. MATLAB 将图像随机裁剪为N*N的图像块
  15. 数据挖掘导论Pangaea-Ning Tan 读书笔记——(第一,二,三章)
  16. SSD固态硬盘优化方案,让新买的SSD速度不再慢
  17. iPhone5 iOS6.1系统完美越狱教程
  18. 四川大学计算机学院团委学生会,团委学生会
  19. 【点云处理】PointNet网络
  20. VMware虚拟机XP系统安装教程【图文教程】

热门文章

  1. 原生JS幻灯片案例——与tab栏切换类似
  2. 谷歌浏览器打不开网页 尝试了更换搜索引擎 重置了还是没用
  3. 什么是VUE SSR
  4. 阿里云推荐有礼活动--针对新用户
  5. Windows Defender(安全中心)病毒和威胁防护排除文件/文件夹 的方法
  6. 无限流量服务器印设备,手机这样就能无限流量?我果然还是太年轻了
  7. Hexo 博客 github.io MD
  8. 二级mysql难不难_全国计算机二级Access难不难?
  9. 计算机模块考试题,职称计算机考试Word模块考试题库
  10. HTML 5 video 视频标签全属性详解(转)