JavaScript Academy · 课时

多行字符串

Q: 「多行字符串」这节课中我会学到什么？

无需转义字符即可编写易读的多行文本。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

无需转义字符即可编写易读的多行文本。

多行字符串 是 CoddyKit 上的免费 JavaScript Academy 课时。这是第 2 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 4 节课。

旧方法

在模板字符串出现之前，多行字符串需要显式的换行转义序列，或者跨多行进行字符串拼接。这种方式冗长且容易出错。

const old = "Line 1\nLine 2\nLine 3"
console.log(old)

模板字符串可以跨行

使用反引号编写的模板字符串可以在源代码中包含真实的换行。您输入的每个换行都会成为字符串中的一个换行。

可运行的示例使用转义序列重现了相同的输出。

const text = "First\nSecond\nThird"
console.log(text)

空白会被保留

多行模板中的缩进和空格会按照原样保留。在生成格式化输出时，这一点非常重要。

const block = "  indented\n    more indented"
console.log(block)

构建段落

多行字符串适合表示文本段落、电子邮件正文或模板。这里我们组装一条简短消息。

const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)

计算行数

您可以按照换行符拆分多行字符串，以计算行数或处理单独的行。

const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)

拼接成多行字符串

可以使用换行分隔符拼接行数组，以编程方式构建多行字符串。

const parts = ["one", "two", "three"]
console.log(parts.join("\n"))

结合插值

多行模板也可以包含占位符，将动态值与换行结合起来。示例使用字符串拼接来展示结果。

const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)

制表符和特殊字符

即使在多行字符串中，您也可以使用制表符转义序列加入制表符，以便对齐各列。

const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)

去除多余的行

多行字符串有时会带有开头或结尾的空行。trim 方法会移除周围的空白，包括换行符。

const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")

生成代码文本

多行字符串适合将源代码片段或配置作为文本输出。

const code = "function add(a, b) {\n  return a + b\n}"
console.log(code)

注意行长度

请记住，多行模板会包含您输入的每一个换行。意外的换行可能引入未预期的空白，因此请有意识地进行格式化。

const a = "no break here and here"
console.log(a.length)

快速检查

检验您对多行字符串的理解。

回顾

回顾：模板字符串允许使用真实的多行文本。

源代码中的换行会成为字符串中的换行
空白会被完全保留
可以结合插值来创建动态文本块
使用 split 和 join 处理各行

console.log("Line A\nLine B")

常见问题解答

「多行字符串」课时是免费的吗？

是的 — 「多行字符串」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 4 节课。

「多行字符串」这节课中我会学到什么？

无需转义字符即可编写易读的多行文本。你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 2 节课，共 4 节。

「多行字符串」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 JavaScript Academy