0

0

如何在 ECMAScript 6 中使用模板字符串文字?

PHPz

PHPz

发布时间:2023-08-24 08:41:04

|

644人浏览过

|

来源于tutorialspoint

转载

如何在 ecmascript 6 中使用模板字符串文字?

在 JavaScript 的 ES6 版本中,引入了文字。 JavaScript 包含对象文字、数组文字、数字文字、RegExp 文字等。此外,它还包含字符串文字。

字符串文字允许我们创建不带任何反斜杠字符的多行字符串,在引号中添加任何单词或句子,以及在字符串之间添加变量和数学表达式。

语法

用户可以按照以下语法在 ECMAScript 6 中使用模板字符串文字。

let string = `This is template literal string!`; 

在上面的语法中,我们使用反引号 (``) 来创建模板文字字符串。

示例 1(多行字符串)

在下面的示例中,我们使用模板文字字符串来创建多行字符串。每当我们创建带引号的字符串时,我们都需要使用“

”字符来创建新行,但是使用字符串文字,我们可以通过在新行中写入字符串来实现。

在 string1 中,新行是通过在新行中写入字符串来创建的,而在 string2 中,我们使用“

”字符来创建新行。用户可以观察输出中的 string1 和 string2,它们看起来是相同的。

let string1 = `This is first line.
This is the second line.
This is the third line.
This is the fourth line.`;
console.log(string1);

// added  character to create a multiline string.
let string2 = "Welcome on the  TutorialsPoint!";
console.log(string2); 

示例 2(字符串中的引号)

我们可以使用模板字符串文字在字符串内添加引号。当我们创建带有双引号的字符串时,我们只能为该字符串添加单引号,而当我们创建带有单引号的字符串时,我们也只能为该字符串添加双引号。

佳蓝在线销售系统(创业版) 佳蓝在线销售
佳蓝在线销售系统(创业版) 佳蓝在线销售

1、对ASP内核代码进行DLL封装,从而大大提高了用户的访问速度和安全性;2、采用后台生成HTML网页的格式,使程序访问速度得到进一步的提升;3、用户可发展下级会员并在下级购买商品时获得差额利润;4、全新模板选择功能;5、后台增加磁盘绑定功能;6、后台增加库存查询功能;7、后台增加财务统计功能;8、后台面值类型批量设定;9、后台财务曲线报表显示;10、完善订单功能;11、对所有传输的字符串进行安全

下载

我们使用字符串文字在 stringQuote 变量的字符串中添加了单引号。



   

Using the template string literals to add quotes in the string.

示例 3(字符串中的变量)

在下面的示例中,我们在字符串中完成了变量替换。一般来说,要在字符串中使用变量,我们需要使用“+”运算符并连接多个字符串,但模板字符串文字允许我们直接在字符串中添加变量。我们可以在 ${} 表达式中添加变量。

在variableStr变量的值中,我们插入了name、job和timePeriod变量。



   

Using the template string literals to add variables in the string.

示例 4(字符串中的表达式)

在此示例中,我们将使用模板字符串文字在字符串中添加数学表达式。在 sumString 中,我们在 ${} 内添加了数学表达式。用户可以看到我们如何在字符串中对 num1 和 num2 求和。

此外,我们还对 string2 中的 2 个值进行了乘法运算。



   

Using the template string literals to add expression in the string.

示例 5(字符串中的 HTML)

我们可以使用模板字符串文字创建一行 HTML 并将其添加到网页中。在此示例中,我们使用字符串文字创建了 HTML 列表,并使用 的innerHTML 属性在网页中添加行 HTML。



   

Using the template string literals to add HTML to the document.

用户学会了在 JavaScript 中使用模板字符串文字。我们已经了解了如何创建多行字符串、变量和表达式替换、添加引号以及使用模板字符串文字创建行 HTML。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

42

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

82

2026.01.16

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

24

2026.01.16

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

35

2026.01.15

Java音频处理教程汇总
Java音频处理教程汇总

本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

windows查看wifi密码教程大全
windows查看wifi密码教程大全

本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

56

2026.01.15

浏览器缓存清理方法汇总
浏览器缓存清理方法汇总

本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

ps图片相关教程汇总
ps图片相关教程汇总

本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

9

2026.01.15

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

26

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号