模板字符串是 ECMAScript 2016 中新增的一种语法，它可以让我们更方便地拼接字符串和变量，并且支持多行字符串。本文将详细介绍模板字符串的语法、使用方法和一些示例，帮助读者更好地理解和应用它。
语法
模板字符串使用反引号（）包裹字符串，在字符串中使用 ${}` 来嵌入变量或表达式。例如：
----- ---- - -------- ------------------- -----------
上面的代码中，${name} 就是一个变量，它会被替换成 Alice。注意，反引号不能被单引号或双引号替代。
模板字符串还支持多行字符串，可以在字符串中直接换行，例如：
----- ---- - -
--- ----- --- ------- ---- --- -----
--- - ---- -------- -- -----
--- ----- -- -- ------ - ------
--- ----- -- -- ------ - ------
--
------------------上面的代码中，poem 是一个多行字符串，它包含了四行诗句。
嵌入表达式
除了变量，模板字符串还支持嵌入表达式，例如：
----- - - --- ----- - - --- ---------------- --- -- ---- --- ---- -- --- - ------
上面的代码中，${a + b} 就是一个表达式，它会被计算出来并替换成 30。
嵌套
模板字符串还支持嵌套，可以在一个模板字符串中嵌入另一个模板字符串，例如：
----- ---- - -------- ----- --- - --- --------------- ---- -- -------- --- --- ------ ----- ------- --------------- -- ------ ---- -- ----- - --- ----- -------
上面的代码中，第二行的模板字符串嵌入了第一行的模板字符串，${name} 和 ${age} 会被替换成相应的变量，${age + 10} 会被计算出来并替换成 28。
标签模板
标签模板是一种高级用法，它允许我们自定义模板字符串的解析方式。标签模板是一个函数，它的第一个参数是一个数组，包含了模板字符串中所有的字符串和表达式，其余参数是模板字符串中所有的表达式的值。例如：
-------- -------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-- -- - -------------- -
------ -- ------------------------
-
-
------ -------
-
----- ---- - --------
----- --- - ---
-------------------- ---- -- -------- --- --- ------ ----- -------
-------------------- -- ------ ---- -- ----- - --- ----- -------上面的代码中，upper 是一个标签函数，它将模板字符串中的所有表达式转换成大写字母。${name} 和 ${age} 会被替换成相应的变量，在传递给标签函数时，它们的值会作为参数传入。
示例
下面是一些示例，展示了模板字符串的不同用法：
----- ---- - --------
----- --- - ---
----- ---- - -
--- ----- --- ------- ---- --- -----
--- - ---- -------- -- -----
--- ----- -- -- ------ - ------
--- ----- -- -- ------ - ------
--
----- - - ---
----- - - ---
-------- -------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-- -- - -------------- -
------ -- ------------------------
-
-
------ -------
-
------------------- -----------
--------------- ---- -- -------- --- --- ------ ----- -------
------------------
---------------- --- -- ---- --- ---- -- --- - ------
--------------- -- ------ ---- -- ----- - --- ----- -------
-------------------- ---- -- -------- --- --- ------ ----- -------
-------------------- -- ------ ---- -- ----- - --- ----- -------总结
本文介绍了 ECMAScript 2016 中的模板字符串，包括语法、嵌入表达式、嵌套和标签模板。模板字符串是一种非常方便的语法，可以让我们更轻松地拼接字符串和变量，同时支持多行字符串和自定义解析方式。在实际开发中，我们可以运用模板字符串来提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65cdfec3add4f0e0ff71ee44