概述
ES6 以后，模板字符串的出现使得字符串拼接变得更为方便和高效。在模板字符串中，我们可以插入变量、函数、甚至是表达式。ES8 中，新增了一个模板模块 String.raw，可以更好地管理和过滤字符序列，并增强了模块化写法的可读性和可维护性。
String.raw 的用法
String.raw 可以用于生成 String 对象的原始字符串，它会将所有转义字符（例如 '\n'、'\t' 等）都转义为它们的普通字面值。这使得我们可以更好地处理需要处理特殊字符的字符串。
举个例子，我们在处理正则表达式时，经常需要处理转义字符。例如我们要匹配带有双引号的字符串：
const text = `I said "hello".`; const regex = /\"/g; console.log(text.replace(regex, "'")); // I said 'hello'.
可以看到，我们需要使用双斜线来匹配双引号。如果使用 String.raw，情况会变得更简便：
const text = String.raw`I said "hello".`; console.log(text); // I said "hello".
在使用 String.raw 中，所有特殊字符都不会被转义，只有普通字符才会被转义。
模块化写法举例
模块化工程实践中，采用模板模块 String.raw 可以使得模板代码更具可读性和可维护性。例如我们可以定义一个模板模块来定义一段 HTML 代码：
const html = String.raw`
<div class="wrapper">
<h1>${pageTitle}</h1>
<p>${content}</p>
</div>
`;在上面的代码中，String.raw 保证了 HTML 中的特殊字符（例如 <、>、" 等）不会被转义。定义成模板模块使得代码可读性更高，也更易于维护和修改。
此外，我们还可以定义一个路由模块，来处理页面路由和业务逻辑的切换：
-- -------------------- ---- -------
----- ------ - -
------- -- -- -
-- ----- ---- ---- ----
--
-------- -- -- -
-- ----- ---- ----- ----
--
---------- -- -- -
-- ----- ---- ------- ----
-
--
-------- ------------- -
----- ---- - ----------------
----- ---- - -----------
---- ----------------
----------------------
----------------------
------
--
-- ----- ------ ---- -- ---
-在上面的代码中，我们定义了一个路由对象 routes，每个键映射一个业务逻辑函数。在 render 函数中，我们根据不同的路由键，调用不同的函数来渲染页面。模板模块 String.raw 再一次提高了代码的可读性和可维护性，并允许我们更好地处理和管理业务逻辑。
总结
ES8 新增的模板模块 String.raw 可以更好地管理和过滤字符序列，并增强了模块化写法的可读性和可维护性。我们可以根据需要，使用 String.raw 来处理特殊字符、定义 HTML 代码、甚至是定义路由映射等。对于前端开发者来说，学习并掌握这一技术，能够提高代码的开发效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65965c9beb4cecbf2da330bc