ES6+ 字符串的扩展

1. 前言

由于历史原因,在 JavaScript 创建之初,市面上的编码方式还是很混乱的,JavaScript 在创建之初,使用的是 1990 年公布的 UCS-2 的编码方法,使用 2 个字节表示 1 个字符,那时 UTF-8、UTF-16、UTF-32 还没有完全确定。现在的 JavaScript 主要使用的是 UTF-16 来存储的。

但针对于纷繁复杂的网页字符是不能完全地覆盖的,在早期使用浏览器时,经常会在浏览器中选择字符串编码方式。那么有没有一种编码可以涵盖世界上的所有字符呢?答案是有的 ——Unicode。它是一个字符集,它的定义很简单,用一个码点 (code point) 映射一个字符。码点值的范围是从 U+0000 到 U+10FFFF,可以表示超过 110 万个符号。

所以后来的 ECMAScript 一直致力于解决历史遗留的问题和统一浏览器的编码方式。这时 ES6 出来了,对 Unicode 进行了加强,也修复了 ES5 中的问题。在 模版字符串 的小节中已经学习了关于字符串模板字符串的内容,本节我们继续学习 ES6 中字符串其他的扩展。

2. Unicode

Unicode 只是一个符号集,它只规定了符号的二进制代码,却没有规定这个二进制代码应该如何存储。所以出现了 Unicode 的多种存储方式,不同的实现导致了 Unicode 在很长一段时间内无法推广,而且本来英文字母只用一个字节存储就够了,如果 Unicode 统一规定,每个符号用三个或四个字节表示,那么每个英文字母前都必然有二到三个字节是空,这对于存储来说是极大的浪费,文本文件的大小会因此大出二三倍,这是无法接受的。

首先我们来看下一个字符是怎么表示的,JavaScript 提供了 charCodeAt() 获取指定位置的字符的值,返回的值在 0 到 65535 之间的整数。

var str = '慕课';
console.log(str.charCodeAt(0));	// 24917 转成十六进制 0x6155
console.log(str.charCodeAt(1));	// 35838 转成十六进制 0x8bfe
console.log(str.charCodeAt(2));	// NaN

看上面代码打印结果,并转成十六进制了,而 Unicode 表示是把前面的 0x 换成 u,这就是 Unicode 的表示。在 ES5 中还存在一个问题,实例如下:

let str = '
    
0
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!