多行字符串是一种跨越多行的 JavaScript 字符串。在程序中使用多行字符串可以使代码更易于阅读和维护。在 JavaScript 中,创建多行字符串最简单的方法是使用模板字面量(模板字符串)。模板字面量是在 ECMAScript 2015(ES6)中引入的。在模板字面量出现之前,多行字符串是通过使用 +
运算符拼接多个字符串来创建的。
在 JavaScript 中,字符串是一系列包含字母、数字以及特殊字符的字符序列。我们可以使用单引号 ('
), 双引号 ("
) 或反引号 (``) 来创建字符串。
使用模板字面量创建多行字符串
模板字面量是创建 JavaScript 多行字符串的最佳方式。模板字面量使用反引号 (``) 包围。模板字面量不仅包含字符串,还包含占位符。模板字面量有时也被称为模板字符串。
一个简单的模板字面量示例如下:
`这是一个由反引号包围的模板字面量。`
现在,让我们使用模板字面量创建一个多行字符串:
let multilineString = `这是一行
字符串使用
模板字面量创建。`
在上面的 JavaScript 代码片段中,我们创建了一个包含三行的多行字符串。我们将这个多行字符串赋值给了一个名为 multilineString
的变量。
示例
在下面的示例中,我们使用模板字面量创建了一个多行字符串,并在 Web 控制台中显示了该字符串。
let mulString = `这是一行
字符串使用
模板字面量创建。`;
console.log(mulString);
输出
这是一行
字符串使用
模板字面量创建。
示例
在下面的示例中,我们尝试在网页上显示使用模板字面量创建的多行字符串。我们使用了 <br>
来换行。
<!DOCTYPE html>
<html>
<body>
<p id="output"></p>
<script>
let mulString = `这是一行 <br>
字符串使用模板字面量创建 <br>
并且在网页上显示。`;
document.getElementById("output").innerHTML = mulString;
</script>
</body>
</html>
输出
这是一行
字符串使用模板字面量创建
并且在网页上显示。
使用 +
运算符创建多行字符串
我们也可以通过使用 +
运算符拼接单个字符串来创建 JavaScript 多行字符串。为了创建换行,我们可以使用转义字符 \n
或 <br>
。
你可以使用单引号或双引号来拼接字符串。
让我们看下面的示例:
示例
在这个示例中,我们通过拼接三个单个字符串来创建一个多行字符串。我们在单个字符串的末尾使用了转义字符(\n
)来进行换行。
let mulString = "这是一个多行字符串\n" +
"通过拼接单个字符串创建\n" +
"并且使用 \\n 换行。";
console.log(mulString);
输出
这是一个多行字符串
通过拼接单个字符串创建
并且使用 \n 换行。
示例
在下面的示例中,我们通过拼接三个字符串创建了一个多行字符串。我们使用了 <br>
来换行。
<!DOCTYPE html>
<html>
<body>
<p id="output"></p>
<script>
let mulString = "这是一个多行字符串 <br>" +
"通过拼接单个字符串创建 <br>" +
"并且换行。";
document.getElementById("output").innerHTML = mulString;
</script>
</body>
</html>
输出
这是一个多行字符串
通过拼接单个字符串创建
并且换行。
使用 \
运算符创建多行字符串
我们还可以使用反斜杠(\
)运算符来创建 JavaScript 多行字符串。我们可以使用转义字符(\n
)来进行换行。
示例
尝试以下 JavaScript 示例:
let mulString = "这是一个多行字符串\n\
通过使用反斜杠运算符创建\n\
并且使用转义字符换行。";
console.log(mulString);
输出
这是一个多行字符串
通过使用反斜杠运算符创建
并且使用转义字符换行。
示例
在下面的示例中,我们使用了反斜杠(\
)运算符创建了一个多行字符串。并且为了换行,我们使用了 <br>
。
<!DOCTYPE html>
<html>
<body>
<p id="output"></p>
<script>
let mulString = "这是多行字符串的第一行 <br>\
这是多行字符串的第二行 <br>\
这是多行字符串的最后一行。";
document.getElementById("output").innerHTML = mulString;
</script>
</body>
</html>
输出
这是多行字符串的第一行
这是多行字符串的第二行
这是多行字符串的最后一行。