《ECMAScript6入門》-字符串的擴展

1.字符串的擴展
ES6 只要將碼點放入大括號,就能正確解讀該字符。

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

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

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

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

2.字符串的遍歷器接口
ES6 爲字符串添加了遍歷器接口,使得字符串可以被for…of循環遍歷。
除了遍歷字符串,這個遍歷器最大的優點是可以識別大於0xFFFF的碼點,傳統的for循環無法識別這樣的碼點。

let text = String.fromCodePoint(0x20BB7);

for (let i = 0; i < text.length; i++) {
  console.log(text[i]);
}
// " "
// " "

for (let i of text) {
  console.log(i);
}
// "𠮷"

3.直接輸入 U+2028 和 U+2029
4.JSON.stringify() 的改造
爲了確保返回的是合法的 UTF-8 字符,ES2019 改變了JSON.stringify()的行爲。如果遇到0xD800到0xDFFF之間的單個碼點,或者不存在的配對形式,它會返回轉義字符串,留給應用自己決定下一步的處理。

JSON.stringify('\u{D834}') // ""\\uD834""
JSON.stringify('\uDF06\uD834') // ""\\udf06\\ud834""

5.模板字符串
模板字符串(template string)是增強版的字符串,用反引號(`)標識。它可以當作普通字符串使用,也可以用來定義多行字符串,或者在字符串中嵌入變量。將變量名寫在${}之中

function fn() {
  return "Hello World";
}

`foo ${fn()} bar`
// foo Hello World bar
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章