当前位置:首页 > 上门服务 >

编程的时候是怎么快速换行的(代码太长该怎么换行)

来源:原点资讯(www.yd166.com)时间:2023-10-29 09:36:57作者:YD166手机阅读>>

编写js代码的时候,经常会用到超长字符串的拼接。

例如,把系统时间中的年、月、日、时、分、秒共6个数字动态拼接到一个tr行,不换行的话,将是一个超长的字符串,阅读、维护都不方便。这时就需要将这个字符串适当换行。

编程的时候是怎么快速换行的,代码太长该怎么换行(1)

常规方法换行

这种写法就是在拼接运算符的“ ”号或者字符串后面直接换行,换行后的字符串还必须继续加上引号。

var dt = new Date(); var str = '<td>' dt.getFullYear() '</td><td>' (dt.getMonth() 1) '</td><td>' dt.getDate() '</td><td>' dt.getHours() '</td><td>' dt.getMinutes() '</td><td>' dt.getSeconds() '</td>';使用反斜线换行

这种写法是每行必须以反斜线“\”结束,反斜线及换行符都不会作为字符串的内容,因而本行尾部及下一行的开始都不需要再加上引号。

var dt = new Date(); var str = '<td>' dt.getFullYear() '</td>\ <td>' (dt.getMonth() 1) '</td>\ <td>' dt.getDate() '</td>\ <td>' dt.getHours() '</td>\ <td>' dt.getMinutes() '</td>\ <td>' dt.getSeconds() '</td>';使用数组拼接换行

这种写法是把要拼接的内容先放到数组中,然后使用数组的join方法把这些内容拼接起来。当使用jion方法时,可以指定字符串拼接时的连接符号。

var dt = new Date(); var str = '<td>' [ dt.getFullYear(), dt.getMonth() 1, dt.getDate(), dt.getHours(), dt.getMinutes(), dt.getSeconds()].join('</td><td>') '</td>';使用模板字符串的写法随意换行

这是ES6中的用法,模板字符串以反引号开始,再以反引号结束。当需要嵌入变量时,写入${}中即可。

var dt = new Date(); var str = ` <td>${dt.getFullYear()}</td> <td>${dt.getMonth() 1}</td> <td>${dt.getDate()}</td> <td>${dt.getHours()}</td> <td>${dt.getMinutes()}</td> <td>${dt.getSeconds()}</td>`;

我个人更喜欢最后一种写法,因为可以随意发挥,尤其是在引用比较复杂的多行html代码的时候。您认为呢?

栏目热文

写代码第二行空格(写代码怎么快速打出空格)

写代码第二行空格(写代码怎么快速打出空格)

1.【强制】大括号的使用约定。如果是大括号内为空,则简洁地写成{}即可,不需要换行;如果是非空代码块则:1) 左大括号前...

2023-10-29 10:12:25查看全文 >>

编程空格代码怎么写(编程代码怎么用中文写)

编程空格代码怎么写(编程代码怎么用中文写)

《2048》是最近比较流行的一款数字游戏。原版2048首先在github上发布,原作者是Gabriele Cirulli...

2023-10-29 10:04:05查看全文 >>

计算机编程怎么让结果换行(编程运行时怎么换行)

计算机编程怎么让结果换行(编程运行时怎么换行)

一. 知识精讲:1.1 输出一个数值print(100)1.2 输出一个表达式:先计算表达式的值,再输出print(10...

2023-10-29 09:52:42查看全文 >>

编写代码用逗号隔开需要空格吗(写代码的时候什么情况加空格)

编写代码用逗号隔开需要空格吗(写代码的时候什么情况加空格)

有人会有这样的疑问,在书写汉语长难句的时候,如果没有空格,过长的定语以及不明确的短语边界可能会对理解上造成一定困难(尤其...

2023-10-29 09:41:58查看全文 >>

编程如何输入空格(编程前后添加空格)

编程如何输入空格(编程前后添加空格)

在建设企业网站时,我们一般都会使用工具来操作,比如Hbuilder、Dreamweaver、Notepad 等,但网页上...

2023-10-29 09:31:30查看全文 >>

编程时怎么输出空格(编程前后添加空格)

编程时怎么输出空格(编程前后添加空格)

时间限制: 1 Sec 内存限制: 128 MB题目描述读入一个字符,一个整数,一个单精度浮点数,一个双精度浮点数,然后...

2023-10-29 09:40:39查看全文 >>

编程中的空格怎么加入(为什么编程要加空格)

编程中的空格怎么加入(为什么编程要加空格)

文件夹里面有一些文件标题名称前面是空格,要批量删除。可以在ChatGPT中输入提示词如下:你是一个Python编程专家,...

2023-10-29 09:37:41查看全文 >>

写代码的时候什么情况加空格(编写代码为什么要空格)

写代码的时候什么情况加空格(编写代码为什么要空格)

终身学习、乐于分享、共同成长!前言写提交注释有什么用?不知道你们公司是否会有提交代码PR的评审?我公司是针对一个SaaS...

2023-10-29 09:35:47查看全文 >>

编程中光标怎么换行(编程中怎么换行操作)

编程中光标怎么换行(编程中怎么换行操作)

有时单元格中的文本太长,可能会无法完整显示,或超出单元格的边框。为了确保文本完整可见,同时保持 Excel 工作表的整洁...

2023-10-29 10:16:11查看全文 >>

编程时怎么换行(编程三种换行方式)

编程时怎么换行(编程三种换行方式)

\r:使光标回到行首\n:使光标下移一格即:\r是回车,\n是换行,前者使光标到行首,后者使光标下移一格。通常用的Ent...

2023-10-29 09:46:01查看全文 >>

文档排行