在 ES9 中引入了两个新的特性：Raw Strings 和 Tagged Templates。这些特性可以让前端开发更加简单和高效，本文将详细介绍它们的使用方法和指导意义。
Raw Strings
在 ES6 中，我们可以使用模板字符串来拼接字符串。但是，如果我们需要在字符串中包含反斜杠（\），那么就需要使用双反斜杠（\）来转义。这样会让代码变得难以阅读和维护。
在 ES9 中，我们可以使用 Raw Strings 来解决这个问题。Raw Strings 是一种新的字符串类型，它可以让我们在字符串中直接使用反斜杠，而不需要转义。
Raw Strings 的语法非常简单，只需要在字符串前面加上一个 r 即可：
const rawString = r'This is a raw string.\n'
在上面的例子中，我们使用了一个 Raw String，它包含了一个换行符（\n），但是我们并没有使用双反斜杠来转义它。
Tagged Templates
Tagged Templates 是另一个在 ES9 中引入的新特性。它可以让我们在模板字符串中添加一个函数，这个函数可以对模板字符串进行处理。
Tagged Templates 的语法非常简单，只需要在模板字符串前面加上一个函数名即可：
function tagFunction(strings, ...values) {
console.log(strings) // ["Hello ", "!"]
console.log(values) // ["world"]
}
tagFunction`Hello ${'world'}!`在上面的例子中，我们定义了一个函数 tagFunction，它接受两个参数：strings 和 values。strings 是一个包含模板字符串中所有字符串的数组，values 是一个包含模板字符串中所有变量的数组。
在调用 tagFunction 时，我们使用了一个模板字符串，并在前面加上了函数名 tagFunction。这样，模板字符串就会被传递给 tagFunction 函数进行处理。
Tagged Templates 的使用非常灵活，我们可以在函数中对模板字符串进行任意处理，比如格式化、替换等等。
示例代码
下面是一个使用 Raw Strings 和 Tagged Templates 的示例代码：
-- -------------------- ---- ------- -------- ----------------------- ---------- - ----- ------ - --------- ----- ---- - ------ - - - --- - -- ----- ------- - --------------------------------------------- ----- ----- - ----------------- - -------------------------- ------ ----------------------------- - ----- ------ - ----------- ----- --------------- - ------------------ ------ --- ---------- ---------------------------- -- ----------------
在上面的例子中，我们定义了一个 formatCurrency 函数，它接受一个 Raw String 和一个变量 amount。在函数中，我们使用了 Tagged Templates 来对 Raw String 进行格式化，并返回一个格式化后的字符串。
最后，我们使用 formatCurrency 函数来格式化一个负数，并将结果输出到控制台中。
结论
在 ES9 中，Raw Strings 和 Tagged Templates 是两个非常有用的特性，它们可以让我们更加方便地处理字符串。使用它们可以让我们的代码更加简洁、易读和易于维护。希望本文对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6761ff42856ee0c1d4fc8119