javascript核心技术(四十八) ES6的字符串模板语法

[复制链接]
查看: 1545|回复: 31
发表于 2023-1-29 12:00:35 | 显示全部楼层 | 阅读模式
在ES5中,字符串只能用单双引号包裹,单双引号中间的字符串不允许换行,不能解析变量。
在ES6中,新增了字符串模板语法,即反引号(主键盘左上角数字键1左边的键),使用反引号包裹的字符串支持换行支持变量解析。
请看如下代码:
<!DOCTYPE html>
<html>

<head>
        <title>JS中的字符串模板语法</title>
</head>

<body>
        <script type="text/javascript">
        //反引号字符串,可以换行
        var str = 'hello,world';
        //示例:拼接tr td标签
        var tr = `
                <tr>
                        <td>${str}</td>
                        <td>2</td>
                </tr>
        `;
        console.log(tr);
        </script>
</body>

</html>



解释:
在以上代码中,我们使用反引号包裹了一段html代码,在反引号中间我们使用${变量}语法,可以直接调用变量。

输出结果如下:

javascript核心技术(四十八) ES6的字符串模板语法
易博软件介绍

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-2-22 01:59:50 | 显示全部楼层
……  看来务实很重要……

0

主题

10

帖子

6

积分

营销入门

Rank: 2

积分
6
发表于 2023-3-5 16:24:11 | 显示全部楼层
哎,咋就越看越心虚。。。
发表于 2023-3-16 02:02:53 | 显示全部楼层
说得很精彩!~~~~~~~~~

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-3-24 17:28:10 | 显示全部楼层
…………………………………………………………………………

0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 2023-3-31 15:50:42 | 显示全部楼层
Good!

0

主题

8

帖子

5

积分

营销入门

Rank: 2

积分
5
发表于 2023-4-6 11:09:15 | 显示全部楼层
很有感悟 好文章

0

主题

13

帖子

7

积分

营销入门

Rank: 2

积分
7
发表于 2023-4-11 10:07:21 | 显示全部楼层
好文!此文让我少走四年弯路!!!

0

主题

11

帖子

6

积分

营销入门

Rank: 2

积分
6
发表于 2023-4-17 11:27:28 | 显示全部楼层
写的太好了,我也是学计算机的,深有感触啊

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-4-22 12:30:39 | 显示全部楼层
学习的道路上永远都没有终点!!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表