JavaScript 模板字面量中的多行字符串
javascriptweb developmentfront end technology更新于 2024/8/4 17:56:00
模板字面量是诸如字符 (A−Z,a−z)、数字 (0−9) 和可打印特殊字符 (_,*....) 之类的对象，它们被括在反引号 (``) 中，而不是常规字符串字面量符号，例如双引号 (" ") 或单引号 (' ')。此功能是 JavaScript 独有的，已在 ES6 规范中引入。
现在，让我们继续了解多行字符串。
多行字符串是跨越多行代码的字符串字面量。在 JavaScript 中，特定行允许的字符数没有特定限制，这取决于所使用的编辑器。但实际上，一行中使用的字符不超过 120 个。
多行字符串的表示
在标准库中，多行字符串由双引号内的字符序列表示。行由换行符 (
) 和反斜杠分隔。
示例
"一个字符串
\
跨越很多行
\
"
这是标准方法，但末尾的反斜杠可能导致解析错误。因此，建议使用模板库。您也可以使用字符串连接方法。
在模板库中，多行字符串将由反引号内的字符序列表示。空格和隐式提及的换行符将被延续。
示例
` 一个字符串
跨越很多行
`
行`
打印上述字符串时将产生:
一个字符串
跨越很多行
行。
算法
步骤 1: 声明或初始化一个新的常量对象，例如 multistr。
步骤 2: 使用反引号括起来的多字符串初始化 multistr 对象。
步骤 3: 打印存储在 multistr 对象中的值。
示例
// 声明并初始化一个新变量。 var multistr = `A string which spans a lot Of lines`; // 打印 multistr 中的值 console.log(multistr);
模板库还允许我们在字符串之间使用占位符。占位符通常是变量。当占位符放在以美元符号(" ${} ")开头的花括号之间时，编辑器会识别占位符。使用此属性，我们可以动态地为字符串分配值。
语法
${ identifier_name }
示例
var str= "string"
`A multi- ${str}`
算法
步骤 1: 声明并初始化具有初始值的有效字符串对象。
步骤 2: 在多行字符串中使用占位符变量。
步骤 3: 打印多行字符串。
示例
// 声明并初始化一个新变量。
var str=`string`
// 声明了一个多行字符串变量。
var multistr = `A ${str} which
spans a lot
Of lines`;
// 打印 multistr 中的值
console.log(multistr);
结论
在本文中，我们了解了如何使用模板库表示多字符串。阐明了标准表示和使用模板库的表示之间的差异。还说明了占位符的应用。
