《ECMAScript 6 入门》笔记(3) 字符串的扩展

最新推荐文章于 2022-01-07 17:06:57 发布

原创最新推荐文章于 2022-01-07 17:06:57 发布 · 174 阅读

CC 4.0 BY-SA版权

5 篇文章

订阅专栏

本文深入探讨ES6中字符的Unicode表示法，包括如何表示各种Unicode码点，以及ES6如何改进对Unicode字符的支持。此外，还介绍了ES6新增的模板字符串特性，包括变量引用和嵌套使用的方法。

"\u0061"
// "a"

ES6加强了对Unicode的支持，允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点

"\uD842\uDFB7"
// "?"

"\u20BB7"
// " 7"

但是，这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。

"\u{20BB7}"
// "?"

"\u{41}\u{42}\u{43}"
// "ABC"

let hello = 123;
hell\u{6F} // 123

'\u{1F680}' === '\uD83D\uDE80'
// true

ES6 对这一点做出了改进，只要将码点放入大括号，就能正确解读该字符。

ES6为字符串添加了迭代器接口使得字符串可以for..of 循环遍历

除了遍历字符串，这个遍历器最大的优点是可以识别大于0xFFFF的码点，传统的for循环无法识别这样的码点。

但是，JavaScript 规定有5个字符，不能在字符串里面直接使用，只能使用转义形式。

ES6引入了模板字符串，

使用${}引用变量，模板字符串使用`（反引号）标识

当模板字符串中需要使用` 则使用\`代替

    `Hello${`World`}`

模板字符串可以嵌套

alert`123`
// 等同于
alert(123)

模板字符串可以紧跟在一个函数名后面，改函数则被调用来处理这个模板字符串

let a = 5;
let b = 10;

tag`Hello ${ a + b } world ${ a * b }`;
// 等同于
tag(['Hello ', ' world ', ''], 15, 50);