ECMAScript 2020 的模板字面量有什么新特性？
模板字面量是 JavaScript 语言中一个非常有用的功能，它允许开发者在字符串中插入表达式。在 ECMAScript 2020 中，模板字面量得到了一些新特性和增强。
- 标记模板字面量
在 ECMAScript 2020 中，开发者可以使用标记模板字面量来定制模板字面量的处理方式。标记模板字面量由一个标记函数和一个模板字符串组成，标记函数可以自定义模板字面量的处理方法。
比如，我们可以定义一个标记函数，让模板字面量中的所有字符串转换成大写：
-- -------------------- ---- -------
-------- -------------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -------------------------
-- -- - -------------- -
------ -- ----------
-
-
------ -------
-
--- ---- - --------
--- ------- - ------------------ ----------
--------------------- -- ------ ------在上面的例子中，我们定义了一个 toUpperCase 函数，它接收一个字符串数组和一个值数组。在函数内部，我们遍历字符串数组并将其中的字符串转换成大写，在字符串后面加上对应值数组中的值，最后返回结果。
接着，我们使用 toUpperCase 函数处理模板字面量，将会把所有字符串转换成大写：
let message = toUpperCase`hello, ${name}!`;
console.log(message); // HELLO, WORLD!- 标签解析
在 ECMAScript 2020 中，开发者还可以使用标签解析来处理模板字面量，在标记函数中获取标签字符串和表达式的值。标签解析可以在开发者需要更严格控制模板字面量的处理时使用。
比如，我们可以定义一个标记函数，当模板字符串中包含 JavaScript 保留字时，将标记它们并将其输出到控制台：
-- -------------------- ---- -------
-------- ------------------ ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
--- --- - -----------
-- -- - -------------- -
--- -- ----------
-
--- - ------------------------------------------ ----- -- -
------ ------ -----------------------------------
---
------ -- ----
-
------ -------
-
--- ---- - -
-------- ------- -- -
-- -- - -- -
----- -- - -- -
----
-
- ---- -
--- ---- - - -- - - - - -- ---- -
----
-
-
------ --
-
--
--------------------------------在上面的例子中，我们定义了一个 highlight 函数，它将字符串数组和值数组作为参数。在函数内部，我们遍历字符串数组并将其中的字符串和值数组中的值组合起来，然后找到其中的 JavaScript 保留字，将其标记并将标记后的字符串返回。最后，在控制台输出标记后的字符串。
接着，我们使用 highlight 函数处理 JavaScript 代码，将会把其中的 JavaScript 保留字标记并输出到控制台：
-- -------------------- ---- -------
--- ---- - -
-------- ------- -- -
-- -- - -- -
----- -- - -- -
----
-
- ---- -
--- ---- - - -- - - - - -- ---- -
----
-
-
------ --
-
--
--------------------------------总结
模板字面量是 JavaScript 语言中一个非常有用的功能，它让开发者能够更方便地处理字符串和表达式。在 ECMAScript 2020 中，模板字面量得到了一些新特性和增强，使其更加强大和灵活。我们可以使用标记模板字面量和标签解析来定制模板字面量的处理方式，实现更加严格和精细化的字符串处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64981af148841e989452e22d