ES6第四章学习

字符串的扩展

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

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值