在最新的ECMAScript标准（2021）中，引入了一种新的JavaScript字符串表达式——模板字面量。这种表达式与传统单引号或双引号字符串有着不同的语法和功能，可以帮助开发者更加方便地处理字符串操作。
基本语法
模板字面量使用反引号（`）作为包裹符号，其中可以包含任意文本内容，也可以使用${expression}嵌入JavaScript表达式。例如：
const name = "Tom";
console.log(`Hello, ${name}!`);上述代码中，模板字面量用反引号包裹起来，并且使用${}将name变量的值嵌入到字符串中。运行结果为：Hello, Tom!
多行字符串
在传统字符串中，如果想要表示多行文本，需要使用转义符\n来换行。而在模板字面量中，则可以直接在反引号中编写多行文本，无需使用转义符。例如：
const loremIpsum = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`; console.log(loremIpsum);
上述代码中，loremIpsum变量所代表的字符串就是由多个文本行组成，每个文本行之间可以直接使用换行符分隔。
标签模板
除了上述基本用法，模板字面量还支持标签模板。标签模板可以让开发者自定义模板字面量的处理方式，例如对模板中的变量进行特殊处理、过滤敏感字符等。标签模板的语法是在模板字面量前添加一个函数名作为标签，例如：
-- -------------------- ---- -------
-------- -------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-- -- - -------------- -
------ -- ------------------------
-
-
------ -------
-
----- ---- - ------
------------------------ -----------上述代码中，upper函数就是一个标签模板，它会将模板字面量中的${}表达式所代表的值转换为大写字母，并将结果拼接到字符串中。运行结果为：HELLO, TOM!
指导意义
使用模板字面量有以下几个优点：
- 简洁明了：相比于传统字符串，模板字面量更加简洁易懂，无需拼接多个子串。
- 安全可靠：由于模板字面量支持标签模板，开发者可以对模板内容进行特殊处理，避免了一些安全隐患。
- 更加灵活：模板字面量支持嵌入JavaScript表达式，可以方便地处理变量拼接、函数调用等操作。
总之，模板字面量是一种非常实用的JavaScript字符串表达式，可以帮助开发者更加方便地进行字符串操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24798