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

字符的 Unicode 表示法 

"\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个字符，不能在字符串里面直接使用，只能使用转义形式。

• U+005C：反斜杠（reverse solidus)
• U+000D：回车（carriage return）
• U+2028：行分隔符（line separator）
• U+2029：段分隔符（paragraph separator）
• U+000A：换行符（line feed）

模板字符串

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);