JavaScript 模板文字中的多行字符串

模板文字是指对象，例如字符（A−Z，a−z），数字（0−9）和可打印的特殊字符（_，* ....），在backticks（``）中而不是常规字符串文字表示法，例如双引号（“”）或单引号（‘’）。此功能是JavaScript的独特之处，并在ES6规范中引入。

现在，让我们继续了解多行字符串。

多行字符串 是跨越多行代码的字符串文字。在JavaScript中，对于特定行允许使用的字符没有特定的限制，这取决于所使用的编辑器。但是，在实践中一个行中不会使用多于120个字符。

多行字符串的表示方法

在标准库中，多行字符串由一系列字符序列包含在双引号中表示。行由换行字符（ \n）和反斜杠标记。

示例

“A string which  
\

spans a lot  
\

of lines  
\”

这是标准方法，但末尾的反斜杠可能导致解析错误。因此，建议使用模板库。您也可以使用字符串连接方法。

在模板库中，多行字符串将由一系列字符序列包含在反引号中表示。空格和隐式换行将被保留。

示例

` A string which

spans a lot

Of lines`

上述字符串打印时的结果为：

A string which

spans a lot

of lines.

步骤

第一步： 声明或初始化一个新的常量对象multistr。

第二步： 使用反引号将multistr对象初始化为多行字符串。

第三步： 打印multistr对象中存储的值。

示例

// a new variable is declared and initialized.
var multistr = `A string which
spans a lot
Of lines`;
// The value in multistr is printed
console.log(multistr);

模板库 还允许我们在字符串之间使用占位符。占位符通常是变量。当占位符放置在由美元符号（“${}”）引导的花括号之间时，编辑器会识别占位符。使用该属性，我们可以动态地为字符串分配值。

语法

${ identifier_name }

示例

var str= “string”
`A multi- ${str}`

步骤

步骤-1： 声明并初始化一个带有初始值的有效字符串对象。

步骤-2： 在多行字符串中使用占位符变量。

步骤-3： 打印多行字符串。

示例

// a new variable is declared and initialized.
var str=`string`
// a multiline string variable is declared.
var multistr = `A ${str} which
spans a lot
Of lines`;
// The value in multistr is printed
console.log(multistr);