模板字面量修订 • 探索 ES2018 和 ES2019

『模板字面量修订』这个ECMAScript提案由Tim Disney 负责，为标签化模板字面量内部提供更多的语法自由。

标签函数和转义序列

你可以提前在模板文本之前创建一个函数，借助标签化模板字面量，对这个函数进行调用：

> String.raw\u{4B}'\\u{4B}'

String.raw是一个所谓的标签函数。在模板字面量中标签函数可以接收两个版本的固定字符串片段（模板字符串）：

• Cooked：被解释的转义序列。\u{4B} 转成『K』。

• Raw：正常文本的转义序列。\u{4B} 转成 『\u{4B}』。

通过下面的标签函数说明这是如何工作的：

function tagFunc(tmplObj,substs){    return {
        Cooked: temlObj,
        Raw: temlObj.raw,
    };
}

使用标签函数：

> tagFunc\u{4B};
{Cooked: ['K'],Raw: ['\\u{4B}']}

有关标签函数的更多内容，请参考『搜https://www.zcfy.cc/article/template-literal-revision-exploring-es2018-and-es2019索ES6』中的『实现标签函数』。

问题：反斜杠后有些文本是不合法的

问题是，即使使用raw版本，ES2016中模板字面量也没有完全的自由化，经过反斜杠后，一些字符序列不再合法：

• \u 开始Unicode转义，它必须看起来像\u{1F4A4}或\u004B。

• \x 开始十六进制转义，它必须看起来像\x4B。

• \加数字开始八进进制转义（如\141）。模板文本和严格模式字符串文本中禁止使用八进制转义符。

这可以防止标签化的模板字面量，例如：

latex\unicode
windowsPathC:\uuu\xxx\111

解决方案

解决方案是放弃与转义序列相关的所有语法限制，然后，非法转义序列只是在原始表示中逐字显示。但是cooked应该怎么表示呢？具有非法转义序列的每个模板字符串在cooked数组中都是未定义的元素：

> tagFunc\uu ${1} \xx{Cooked: [undefined,undefined],Raw:['\\uu','\\xx']}

译文出处