ES9(2018)String 扩展 标签模板里字符串转义

Posted 2021-05-18 优小U

放松对标签模板里字符串转义的限制, 遇到不合法的字符串转义返回undefined，并且从raw上可获取原字符串。

ES9开始，模板字符串允许嵌套支持常见转义序列，移除对ECMAScript在带标签的模版字符串中转义序列的语法限制。

带标签的模板字符串：

const foo = (a, b, c, d) => {
    console.log(a)
    console.log(b)
    console.log(c)
    console.log(d)
}

const name = 'xiaoming'
const age = 18
foo `这是${name},他的年龄是${age}岁` 

// > ["这是",",他的年龄是","岁"]
// > xiaoming
// > 18
// > undefined

ES9 标准移除了对 ECMAScript带标签的模板字符串 中转义序列的语法限制。

function tag(strs) {
    console.log(strs)
}

tag `\\u{61} and \\u{62}` 
// ["a and b", raw:["\\u{61} and \\u{62}"]]

tag `\\u{61} and \\unicode` 
// [undefined, raw:["\\u{61} and \\unicode"]]

let bad = `bad escape sequence: \\unicode` 
// Uncaught SyntaxError: Invalid Unicode escape sequence