1
0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-24 18:32:22 +00:00

修改string/unicode

This commit is contained in:
Ruan Yifeng 2014-12-10 22:30:47 +08:00
parent 66146a6e06
commit 97fcf5d921

View File

@ -4,7 +4,7 @@ ES6加强了对Unicode的支持并且扩展了字符串对象。
## codePointAt()
JavaScript内部字符以UTF-16的格式储存每个字符固定为2个字节。对于那些需要4个字节储存的字符Unicode编号大于0xFFFF的字符JavaScript会认为它们是两个字符。
JavaScript内部字符以UTF-16的格式储存每个字符固定为2个字节。对于那些需要4个字节储存的字符Unicode码点大于0xFFFF的字符JavaScript会认为它们是两个字符。
```javascript
@ -18,9 +18,9 @@ s.charCodeAt(1) // 57271
```
上面代码中,汉字“𠮷”的Unicode编号是0x20BB7UTF-16编码为0xD842 0xDFB7十进制为55362 57271需要4个字节储存。对于这种4个字节的字符JavaScript不能正确处理字符串长度会误判为2而且charAt方法无法读取字符charCodeAt方法只能分别返回前两个字节和后两个字节的值。
上面代码中,汉字“𠮷”的码点是0x20BB7UTF-16编码为0xD842 0xDFB7十进制为55362 57271需要4个字节储存。对于这种4个字节的字符JavaScript不能正确处理字符串长度会误判为2而且charAt方法无法读取字符charCodeAt方法只能分别返回前两个字节和后两个字节的值。
ES6提供了codePointAt方法能够正确处理4个字节储存的字符返回一个字符的Unicode编号
ES6提供了codePointAt方法能够正确处理4个字节储存的字符返回一个字符的码点
```javascript
@ -33,9 +33,9 @@ s.charCodeAt(2) // 97
```
codePointAt方法的参数是字符在字符串中的位置从0开始。上面代码中JavaScript将“𠮷a”视为三个字符codePointAt方法在第一个字符上正确地识别了“𠮷”返回了它的十进制Unicode编号134071即十六进制的20BB7。在第二个字符即“𠮷”的后两个字节和第三个字符“a”上codePointAt方法的结果与charCodeAt方法相同。
codePointAt方法的参数是字符在字符串中的位置从0开始。上面代码中JavaScript将“𠮷a”视为三个字符codePointAt方法在第一个字符上正确地识别了“𠮷”返回了它的十进制码点134071即十六进制的20BB7。在第二个字符即“𠮷”的后两个字节和第三个字符“a”上codePointAt方法的结果与charCodeAt方法相同。
总之codePointAt方法会正确返回四字节的UTF-16字符的Unicode编号。对于那些两个字节储存的常规字符它的返回结果与charCodeAt方法相同。
总之codePointAt方法会正确返回四字节的UTF-16字符的码点。对于那些两个字节储存的常规字符它的返回结果与charCodeAt方法相同。
codePointAt方法是测试一个字符由两个字节还是由四个字节组成的最简单方法。
@ -52,7 +52,7 @@ is32Bit("a") // false
## String.fromCodePoint()
ES5提供String.fromCharCode方法用于从Unicode编号返回对应字符但是这个方法不能识别辅助平面的字符编号大于0xFFFF
ES5提供String.fromCharCode方法用于从码点返回对应字符但是这个方法不能识别辅助平面的字符编号大于0xFFFF
```javascript
@ -61,7 +61,7 @@ String.fromCharCode(0x20BB7)
```
上面代码中,最后返回的字符编号是0x0BB7而不是0x20BB7
上面代码中,最后返回码点U+0BB7对应的字符而不是码点U+20BB7对应的字符
ES6提供了String.fromCodePoint方法可以识别0xFFFF的字符弥补了String.fromCharCode方法的不足。在作用上正好与codePointAt方法相反。
@ -76,7 +76,7 @@ String.fromCodePoint(0x20BB7)
## at()
ES5提供String.prototype.charAt方法返回字符串给定位置的字符。该方法不能识别Unicode编号大于0xFFFF的字符。
ES5提供String.prototype.charAt方法返回字符串给定位置的字符。该方法不能识别码点大于0xFFFF的字符。
```javascript
@ -98,7 +98,7 @@ ES7提供了at方法可以识别Unicode编号大于0xFFFF的字符返回
## 字符的Unicode表示法
JavaScript允许采用“\uxxxx”形式表示一个字符其中“xxxx”表示字符的Unicode编号
JavaScript允许采用“\uxxxx”形式表示一个字符其中“xxxx”表示字符的码点
```javascript
@ -121,7 +121,7 @@ JavaScript允许采用“\uxxxx”形式表示一个字符其中“xxxx”表
上面代码表示,如果直接在“\u”后面跟上超过0xFFFF的数值比如\u20BB7JavaScript会理解成“\u20BB+7”。由于\u20BB是一个不可打印字符所以只会显示一个空格后面跟着一个7。
ES6对这一点做出了改进只要将Unicode编号放入大括号,就能正确解读该字符。
ES6对这一点做出了改进只要将码点放入大括号,就能正确解读该字符。
```javascript
@ -139,7 +139,7 @@ ES6对正则表达式添加了u修饰符用来正确处理大于\uFFFF的Unic
**1点字符**
点(.)字符在正则表达式中,解释为除了换行以外的任意单个字符。对于大于\uFFFF的Unicode字符点字符不能识别必须加上u修饰符。
点(.)字符在正则表达式中,解释为除了换行以外的任意单个字符。对于码点大于0xFFFF的Unicode字符点字符不能识别必须加上u修饰符。
```javascript
@ -164,11 +164,11 @@ ES6新增了使用大括号表示Unicode字符这种表示法在正则表达
```
上面代码表示如果不加u修饰符正则表达式无法识别`\u{61}`这种表示法,只会认为这匹配61个连续的u。
上面代码表示如果不加u修饰符正则表达式无法识别`\u{61}`这种表示法只会认为这匹配61个连续的u。
**3量词**
使用u修饰符后所有量词都会正确识别大于\uFFFF的Unicode字符。
使用u修饰符后所有量词都会正确识别大于码点大于0xFFFF的Unicode字符。
```javascript
@ -181,7 +181,7 @@ ES6新增了使用大括号表示Unicode字符这种表示法在正则表达
**4预定义模式**
u修饰符也影响到预定义模式能否正确识别大于\uFFFF的Unicode字符。
u修饰符也影响到预定义模式能否正确识别码点大于0xFFFF的Unicode字符。
```javascript
@ -190,7 +190,7 @@ u修饰符也影响到预定义模式能否正确识别大于\uFFFF的Unicode
```
上面代码的`\S`是预定义模式匹配所有不是空格的字符。只有加了u修饰符它才能正确匹配大于\uFFFF的Unicode字符。
上面代码的`\S`是预定义模式匹配所有不是空格的字符。只有加了u修饰符它才能正确匹配码点大于0xFFFF的Unicode字符。
利用这一点,可以写出一个正确返回字符串长度的函数。