在过去的几年中，前端技术飞速发展，特别是 JavaScript，市场上几乎每周都会有新的库、框架或者版本发布。为了更方便地处理字符串，ECMAScript 2016 引入了一个新的属性：格式化区域敏感字符串（template literals），本文将详细介绍这个新特性的学习和指导意义，并提供一些示例代码，读完此文，您将了解该特性的用途，语法和优势。
什么是格式化区域敏感字符串？
格式化区域敏感字符串是一种字符串格式化方法，使用反引号（`）将字符串包含起来，例如：
----- ---- - ------- ----- -------- - ------- ---------- ----------------------
这段代码将输出：Hello, Lucy!，其中${name}是一个表达式，它将自动计算出name变量的值，并将其替换到字符串中，从而获得最终的字符串结果。这就是格式化区域敏感字符串的基本用法。
如何使用格式化区域敏感字符串？
除了上面提到的基本用法，格式化区域敏感字符串还有很多强大的特性，让我们来看看。
多行字符串
在过去，如果想要创建一个多行字符串，我们必须使用字符串拼接或者使用\n来插入回车。而使用格式化区域敏感字符串，我们只需要换行即可，例如：
----- --------- - - ---- -- --- ----- ----- ---- -- --- ------ ----- ---- -- --- ----- ----- -- -----------------------
输出如下：
---- -- --- ----- ----- ---- -- --- ------ ----- ---- -- --- ----- -----
更方便了吧！
嵌套字符串
如果需要在字符串中嵌套另一个字符串，以前我们要在外面包裹单引号或者双引号，很麻烦。而使用格式化区域敏感字符串，我们只需要在${}中嵌入另一个格式化区域敏感字符串即可。例如：
----- ------ - ------- ----- ---- -- ----------- --------------------
输出为Hello, my name is Lucy。
条件语句
有时，我们需要根据变量的值来选择输出不同的字符串，以前我们需要使用三元运算符或者if语句，但是使用格式化区域敏感字符串可以通过${}中的条件语句来实现，例如：
----- --- - --- ----- ------- - ---- --- ----- -- -- - --- ------ - -- ---------- ---------------------
输出为You are a minor.。
原始字符串
有时，我们需要输出一个包含反斜杠的字符串，而不希望反斜杠被转义，以前我们需要使用String.raw方法，而使用格式化区域敏感字符串则可以直接使用${}中的字符串来实现，例如：
----- --------- - --------------------------- -----------------------
输出为C:\tempfolder\。
总结
通过本文，我们了解了格式化区域敏感字符串的语法和用法，以及它的多个优势。使用格式化区域敏感字符串可以让代码更加简洁、易读和易维护，因此，它是前端开发中一个很重要的特性，希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6456001f968c7c53b094ec73