在 ECMAScript 2018 中，模板字面量是一个新的特性，它可以让我们更方便地构建字符串。模板字面量提供了一种更加简洁的方式来构建字符串，同时还支持一些高级功能，例如标签函数和多行字符串。在本文中，我们将学习如何使用模板字面量来构建字符串，并了解它的一些高级用法。
构建模板字符串
模板字符串是一种新的字符串类型，它使用反引号（`）来定义。与传统的字符串不同，模板字符串可以包含变量和表达式，这些变量和表达式将在运行时被解析并插入到字符串中。例如，我们可以使用模板字符串来创建一个简单的欢迎消息：
----- ---- - -------- ----- ------- - ------- ---------- --------------------- -- -- ------- -------
在上面的代码中，我们使用${}来包含变量name，然后将其插入到字符串中。当我们打印message变量时，输出的字符串将包含变量name的值。
除了变量，模板字符串还支持表达式。例如，我们可以使用模板字符串来计算一个简单的数学表达式：
----- - - -- ----- - - -- ----- ------ - ----- - ---- - --- - ---- -------------------- -- -- -- - - - --
在上面的代码中，我们使用${}来包含表达式x + y，然后将其插入到字符串中。当我们打印result变量时，输出的字符串将包含表达式的结果。
构建模板标签
模板标签是一种高级功能，它允许我们在模板字符串中使用自定义的函数来处理字符串。模板标签函数可以接收模板字符串的每个部分，并返回一个新的字符串，同时还可以执行任意的 JavaScript 代码。例如，我们可以使用模板标签函数来将字符串中的所有单词首字母大写：
-------- -------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-- -- - -------------- -
------ -- ------------------------
-
-
------ -------
-
----- ---- - --------
----- ------- - ------------ ----------
--------------------- -- -- ------- -------在上面的代码中，我们定义了一个名为upper的模板标签函数。该函数接收两个参数：strings和values。strings参数是一个包含模板字符串中所有静态文本的数组，values参数是一个包含模板字符串中所有动态值的数组。我们可以使用for循环将strings和values数组合并为一个新的字符串，并将动态值转换为大写字母。
要使用模板标签函数，我们只需要在模板字符串前面加上标签函数的名称即可。在上面的代码中，我们使用upper标签函数来处理模板字符串中的所有文本。
处理多行字符串
除了变量和表达式，模板字符串还支持多行文本。在传统的字符串中，我们需要使用\n来表示换行符。但是，在模板字符串中，我们可以直接使用换行符来表示多行文本。例如：
----- ------- - ------- ------- --------------------- -- -- ---------------
在上面的代码中，我们使用换行符来表示多行文本。当我们打印message变量时，输出的字符串将包含换行符。
总结
在 ECMAScript 2018 中，模板字面量提供了一种更加简洁的方式来构建字符串。我们可以使用模板字符串来包含变量和表达式，并使用模板标签函数来处理字符串。此外，模板字符串还支持多行文本。通过学习模板字面量的使用，我们可以更加灵活地构建字符串，并提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fcb1b0d10417a22281976d