您的位置:首页 > 其它

ES6-字符串扩展-模板字符串的限制

2017-10-31 11:16 316 查看
以前提到过标签模板里面,可以内嵌其他语言,但是,模板字符串默认会将字符串转义,导致无法嵌入其他语言。

比如标签模板中可以嵌入LaTEX语言。

function latex(strings) {
// ...
}

let document = latex`
\newcommand{\fun}{\textbf{Fun!}} // 正常工作
\newcommand{\unicode}{\textbf{Unicode!}} // 报错
\newcommand{\xerxes}{\textbf{King!}} // 报错

Breve over the h goes \u{h}ere // 报错上面代码中,变量 document 内嵌的模板字符串,对于LaTEX 语言来说完全是合法的,但是 JavaScript 引擎会报错。原因就在于字符串转义。
模板字符串会将 \u00FF 和 \u{42} 当作
Unicode 字符进行转义,所以 \unicode 解析时报错;而 \x56会被当作十六进制字符串转义,所以 \xerxes会报错。也就是说,\u和\x在
LaTEX 里面有特殊含义,但是 JavaScript 将它们转义了。

为了解决这个问题,现在有一个提案,放松对标签模板里面的字符串转义的限制。如果遇到不合法的字符串转义,就返回undefined,而不是报错,并且从raw属性上面可以得到原始字符串。

function tag(strs) {
strs[0] === undefined
strs.raw[0] === "\\unicode and \\u{55}";
}
tag`\unicode and \u{55}`
上面代码中,模板字符串原本是应该报错的,但是由于放松了对字符串转义的限制,所以不报错了,JavaScript引擎将第一个字符设置为undefined,但是raw属性依然可以得到原始字符串,因此tag函数还是可以对原字符串进行处理。

注意,这种对字符串转义的放松,只在标签模板解析字符串时生效,不是标签模板的场合,依然会报错。
let bad = `bad escape sequence: \unicode`; // 报错
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ES6