如何在 JavaScript 中创建多行字符串？

在 JavaScript 中创建多行字符串可以使用模板字面量（Template literals），也称为模板字符串（Template strings），它是 ES6 的一项新特性。使用模板字面量可以方便地将多行字符串编写成一个字符串字面量，而不需要使用字符串连接符 '+' 或者使用字符串转义符 ''。下面是一些使用模板字面量创建多行字符串的示例：

示例 1:

const greeting = `
Hello World!
How are you doing?
`;
console.log(greeting); // 输出:
// Hello World!
// How are you doing?

在上面的示例中，我们使用反引号 ` ` 包括多行字符串。注意这里不是使用单引号或者双引号。输出结果中不会包含反引号。

示例 2:

const html = `
<div>
  <h1>这是一个标题</h1>
  <p>这是一段文本。</p>
</div>
`;
console.log(html); // 输出:
// <div>
//   <h1>这是一个标题</h1>
//   <p>这是一段文本。</p>
// </div>

在上面的示例中，我们使用模板字面量包括了一段 HTML 代码。

示例 3:

const name = 'John';
const age = 30;

const message = `
My name is ${name}.
I am ${age} years old.
`;
console.log(message); // 输出:
// My name is John.
// I am 30 years old.

在上面的示例中，我们使用模板字面量包括了一段多行字符串，其中使用了变量插值 ${variableName}。这样就可以把变量的值嵌入到字符串中。

使用模板字面量创建多行字符串是最常用的方法，它比使用字符串连接符 '+' 或者使用字符串转义符 '' 更简单、更直观。

参考资料：MDN Web Docs