JavaScript 中的行继续符
这个简短的 JavaScript 文章涵盖了 JavaScript 中的词法语法。 此外,还将使用各种新的换行技术深入介绍字符串,以及在处理这些字符串时如何处理换行符。
JavaScript 中的词法语法
在计算机科学中,词法语法是一种描述标记句法的技术语法。 该程序是用语言的语言结构定义的字符构建的。
字符集可与任何书面语言的字母表相媲美。 ECMAScript 脚本的源文本从左到右读取,并转换为一系列输入组件,例如标记、控制字符、行终止符、注释或空格。
ECMAScript 定义了特定的关键字、文字和在语句后插入分号的规则。
JavaScript 中的字符串文字
字符串文字是由单引号或双引号括起来的零个或多个 Unicode 代码点的顺序。 转义序列也可以表示 Unicode 代码点。
除了以下结束引号代码点外,所有代码点都可能逐字出现在字符串文字中:
- U+005C 或者 \ (backslash),
-
U+000D 或者
, -
和 U+000A 或
.
任何代码点都可以作为转义序列出现。
字符串文字被解释为 ECMAScript 字符串值。 生成这些字符串值时,Unicode 代码点采用 UTF-16 编码。
JavaScript 中的行继续
JavaScript 中的字符串操作可能很复杂。 尽管字符串操作易于掌握,但实施起来却具有挑战性,其中一个相关领域是添加新行。
还有其他方法可以使用 JavaScript 插入新行,但它们不像 HTML 的段落或 break 标记那样简单。
尽管如此,让我们看看在 JavaScript 中插入新行的最流行的方法。
在 JavaScript 中使用转义方法实现行继续
在 JavaScript 中,转义序列是一种创建新行的系统方法。 在 Windows 和 Linux 中,新行的转义序列是 \n; 但是,在一些较旧的 Mac 上,使用 \r。
转义序列的实现相对简单。
例子:
let data = "Hello World";
let newstring = "Hello \nWorld";
console.log(data);
console.log(newstring);
输出:
"Hello World"
"Hello
World"
十六进制转义序列
十六进制转义序列由字符 \x
后跟恰好两个表示代码单元或点的十六进制数字组成,范围从 0x0000 到 0x00FF 。
例子:
'\xA9' // "©"
Unicode 转义序列
在 \u
之后,Unicode 转义序列恰好由四个十六进制数字组成。 在UTF-16编码中,它表示一个编码单元。
代码单元相当于代码点 U+0000 到 U+FFFF 。 代码点需要两个转义序列来反映用于对字符进行编码的两个代码单元; 代理对在代码点上是唯一的。
例子:
'\u00A9' // "©" (U+A9)
Unicode 代码点转义序列
Unicode 代码点转义序列由 \u{}
和十六进制代码点组成。 十六进制数字的范围必须从 0 到 0x10FFFF 。
U+10000 到 U+10FFFF 中的代码点不需要代理对。 在 ECMAScript 2015 中,代码点转义被添加到 JavaScript (ES6)。
例子:
'\u{2F804}' // CJK COMPATIBILITY IDEOGRAPH-2F804 (U+2F804)
// the same figure portrayed as a surrogate twin
'\uD87E\uDC04'
在 JavaScript 中使用模板文字实现行继续
模板文字可能看起来很复杂,但它们是支持行话背后嵌入表达式的字符串文字。 它们促进了多行字符串的使用。
反引号 (``) 用于包围模板文字。
例子:
let data = "Hello \nWorld";
let newstring = `Hello
World`;
console.log(data);
console.log(newstring);
输出:
"Hello
World"
"Hello
World"
在转义方法和模板文字的两种情况下返回相同的输出。 但是,如您所见,模板字面量使编写多行字符串变得更加容易。
在 JavaScript 中使用 HTML Break 元素实现行继续
在 JavaScript 中创建新行的另一种方法是在字符串中包含 HTML 换行符元素。
重要的是要注意 break 元素只应在行的划分很重要时使用。 但是,由于这种策略非常普遍,我们也会对其进行研究。
例子:
<html>
<body>
<p id="newline"></p>
<script>
let data = "Hello" + "<br>" + "World ";
document.getElementById("newline").innerHTML = data;
</script>
</body>
</html>
输出:
相关文章
使用 JavaScript 在没有插件的情况下输入文本掩码
发布时间:2023/06/03 浏览次数:196 分类:JavaScript
-
JavaScript 输入掩码或掩码文本框是一种控件,它为用户提供了一种简单可靠的方式来收集基于标准掩码的输入。 在本文中,我们将探索使用 JavaScript 在没有插件的情况下进行输入文本屏蔽。
在 JavaScript 中获取域名
发布时间:2023/06/03 浏览次数:122 分类:JavaScript
-
在本文中,我们将学习如何使用 JavaScript 事件和函数在网页执行期间以编程方式获取域名。我们使用域名从客户端应用程序访问网站或网页。
在 JavaScript 中清除 canvas 画布
发布时间:2023/06/03 浏览次数:166 分类:JavaScript
-
本文介绍如何在 JavaScript 中清除画布。在 JavaScript 中清除画布 canvas 元素帮助我们借助 JavaScript 绘制图形。 画布只是图形的容器,它需要JavaScript来绘制图形。
从 Java 代码调用外部 JavaScript 函数
发布时间:2023/06/03 浏览次数:150 分类:JavaScript
-
在本文中,我们将学习如何在 Java 程序中包含 JavaScript 源代码并从 Java 代码调用 JavaScript 函数。
在 Angular 中上传文件
发布时间:2023/04/14 浏览次数:71 分类:Angular
-
本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。
Angular 中所有 Mat 图标的列表
发布时间:2023/04/14 浏览次数:91 分类:Angular
-
本教程演示了在哪里可以找到 Angular 中所有 Mat 图标的列表以及如何使用它们。
Angular 2 中的复选框双向数据绑定
发布时间:2023/04/14 浏览次数:140 分类:Angular
-
本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。
在 AngularJS 中重新加载页面
发布时间:2023/04/14 浏览次数:142 分类:Angular
-
我们可以借助 windows.location.reload 和 reload 方法在 AngularJS 中重新加载页面。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:82 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。