ES6第四章学习

字符串的扩展

1.字符的Unicode表示法
ES6 允许采用\uxxxx形式表示一个字符,其中xxxx表示字符的 Unicode 码点。
ES6第四章学习
但是,这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符,必须用两个双字节的形式表示。
ES6第四章学习
ES6第四章学习
2.字符串的遍历器接口
ES6 为字符串添加了遍历器接口,使得字符串可以被for…of循环遍历。
ES6第四章学习
**3.直接输入 U+2028 和 U+2029 **
JavaScript 字符串允许直接输入字符,以及输入字符的转义形式
ES6第四章学习

ES6第四章学习
4.JSON.stringify() 的改造
JSON.stringify()的问题在于,它可能返回0xD800到0xDFFF之间的单个码点。
ES6第四章学习
为了确保返回的是合法的 UTF-8 字符,ES2019 改变了JSON.stringify()的行为。如果遇到0xD800到0xDFFF之间的单个码点,或者不存在的配对形式,它会返回转义字符串,留给应用自己决定下一步的处理。
ES6第四章学习
5.模板字符串
模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
ES6第四章学习
大括号内部可以放入任意的 JavaScript 表达式,可以进行运算,以及引用对象属性。
ES6第四章学习
6.实例:模板编译
compile函数的用法如下。
ES6第四章学习
7.标签模板
模板字符串的功能,不仅仅是上面这些。它可以紧跟在一个函数名后面,该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能(tagged template)。
ES6第四章学习
ES6第四章学习
上面代码中,模板字符串前面有一个标识名tag,它是一个函数。整个表达式的返回值,就是tag函数处理模板字符串后的返回值。
函数tag依次会接收到多个参数。

ES6第四章学习
下面是一个简单的例子
ES6第四章学习
8.模板字符串的限制
模板字符串默认会将字符串转义,导致无法嵌入其他语言。
例如在标签模板里面可以嵌入 LaTEX 语言。
ES6第四章学习
上面代码中,变量document内嵌的模板字符串,对于 LaTEX 语言来说完全是合法的,但是 JavaScript 引擎会报错。原因就在于字符串的转义。