JavaScript 如何创建多行字符串

在JavaScript中，字符串是一个包含字母、数字和特殊字符的字符序列。我们可以在JavaScript中使用三种方式来创建字符串。

第一种创建字符串的方法是使用下面的单引号。

let string = 'Hello, this is a string using single quote!'; 

创建字符串的第二种方法是使用双引号，如下所示。

let string = "Hello, this is a string using double quote!"; 

在ES6版本的JavaScript中引入的第三种方式是使用反斜线。

let string = `Hello, this is a string using back quotes!`; 

因此，只要我们使用反斜线、单引号和双引号，就会有不同的方法来创建多行字符串。我们将逐一学习所有的方法。

用反斜线创建多行字符串

当我们使用回车键（`）来创建字符串时，我们需要在新的一行中写入一个字符串来创建多行字符串。

语法

用户可以按照下面的语法来使用反斜线创建多行字符串。

let string = `one line
second line
Third line`; 

在上述语法中，我们在反斜线之间添加了字符序列。

例子1

在下面的例子中，字符串变量包含多行字符串，我们使用了反斜线来创建一个多行字符串。

在输出中，用户可以观察到我们在反斜线内写的多行。

let string = `This is first line! 
This is the second line!
This is the third line!
This is the fourth line!`
console.log(string);

用单引号和双引号创建多行字符串

当我们使用单引号或双引号来创建一个字符串时，我们需要使用’ ‘ 字符来创建一个多行字符串。在’ ‘ 字符中，’\’代表转义字符，’n’代表新行。

语法

用户可以按照下面的语法，使用 ‘ ‘ 转义字符创建多行字符串。

let string = 'Abcd   
' + 'efg   
'; 

在上面的语法中，用户可以看到我们是如何使用’ ‘字符和单引号来创建一个多行字符串。

例2

在下面的例子中，我们使用了’+’运算符来连接多个字符串。此外，我们还使用了单引号来创建一个字符串。

在输出中，我们可以看到不同行中的一、二、三和四。

let string = 'One   
' +
 'Second   
' +
 'Third   
' +
 'Fourth   
';
console.log(string); 

例三

在下面的例子中，我们使用了双引号来创建一个字符串。此外，我们还使用了’ ‘转义字符，在多行中创建了一个字符串。

let string = "One   
" +
"Second   
" +
"Third   
" +
"Fourth   
";
console.log(string);  

在本教程中，我们已经学会了两种创建多行字符串的方法。第一种方法是使用反斜线，另一种方法是使用’ ‘转义字符和单、双引号。建议使用反斜线，因为我们在使用反斜线时还可以在字符串之间添加变量。