迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

JavaScript 中的行继续符

作者:迹忆客 最近更新:2023/06/02 浏览次数:

这个简短的 JavaScript 文章涵盖了 JavaScript 中的词法语法。 此外,还将使用各种新的换行技术深入介绍字符串,以及在处理这些字符串时如何处理换行符。


JavaScript 中的词法语法

在计算机科学中,词法语法是一种描述标记句法的技术语法。 该程序是用语言的语言结构定义的字符构建的。

字符集可与任何书面语言的字母表相媲美。 ECMAScript 脚本的源文本从左到右读取,并转换为一系列输入组件,例如标记、控制字符、行终止符、注释或空格。

ECMAScript 定义了特定的关键字、文字和在语句后插入分号的规则。


JavaScript 中的字符串文字

字符串文字是由单引号或双引号括起来的零个或多个 Unicode 代码点的顺序。 转义序列也可以表示 Unicode 代码点。

除了以下结束引号代码点外,所有代码点都可能逐字出现在字符串文字中:

  1. U+005C 或者 \ (backslash),
  2. U+000D 或者 ,
  3. 和 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 后跟恰好两个表示代码单元或点的十六进制数字组成,范围从 0x00000x00FF

例子:

'\xA9' // "©"

Unicode 转义序列

\u 之后,Unicode 转义序列恰好由四个十六进制数字组成。 在UTF-16编码中,它表示一个编码单元。

代码单元相当于代码点 U+0000U+FFFF 。 代码点需要两个转义序列来反映用于对字符进行编码的两个代码单元; 代理对在代码点上是唯一的。

例子:

'\u00A9' // "©" (U+A9)

Unicode 代码点转义序列

Unicode 代码点转义序列由 \u{} 和十六进制代码点组成。 十六进制数字的范围必须从 0 到 0x10FFFF

U+10000U+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 行继续 - 输出

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

使用 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来绘制图形。

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

Angular 2 中的复选框双向数据绑定

发布时间:2023/04/14 浏览次数:140 分类:Angular

本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便