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>
输出:
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：102 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：180 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
