介紹
ES10是與2019年相對應的ECMAScript版本。這個版本中的新功能沒有ES6（2015）中的那麼多。但是，也不乏一些有用的功能。
本文在簡單的代碼示例中介紹了ES10提供的功能。這樣，您無需複雜的解釋即可快速瞭解新功能。
當然，需要具備JavaScript的基礎知識才能完全理解所介紹的新功能。
ES2019中的JavaScript新功能包括：
- Array#{flat,flatMap}
- Object.fromEntries
- String#{trimStart,trimEnd}
- Symbol#description
- try { } catch {} // 可選的錯誤參數綁定
- JSON ⊂ ECMAScript
- 格式良好的 JSON.stringify
- 穩定的排序 Array#sort
- 新版 Function#toString
- 新增 BigInt 原始類型 (stage 3).
- 動態引入模塊(stage 3).
- 標準的 globalThis 對象 (stage 3).
- ES10 Class: private, static & public (stage 3).
Array.flat() & Array.flatMap()
兩個新的數組方法：
Array.flat() 方法創建一個新數組，所有子數組元素都以遞歸方式合併到該數組中，直至達到指定深度。
Array.flatMap() 方法首先使用map函數轉換每個元素，然後將結果展平為新數組。它與map()後再調用深度為1的flat() 效果相同，但是flatMap()將兩者合併為一種方法，效率更高。
Object.fromEntries()
把鍵值對數組為元素的二維數組轉換為一個對象。
String.protype.matchAll()
matchAll() 方法返回所有與正則表達式匹配字符串的結果的迭代器，包括捕獲組。
String.trimStart() & String.trimEnd()
有兩種新的String方法可從字符串中刪除空格：
- trimStart() 方法從字符串的開頭刪除空格。
- trimEnd() 方法從字符串末尾刪除空格。
Symbol.Description
當創建符號時，可以提供一個字符串作為描述。在ES10中，有一個獲取描述的訪問器。
可選的 Catch 參數變量
過去，try / catch語句中的catch子句需要一個變量。現在，它允許開發人員使用try / catch而不創建未使用的error變量綁定。
JSON⊂ECMAScript
在ES10之前的版本中，不接受非轉義的行分隔符U+2028和段落分隔符U+2029。
- U+2028是段落分隔符。
- U+2029是行分隔符。
格式良好的 JSON.stringify()
JSON.stringify() 可能返回U+D800和U+DFFF之間的字符，來作為沒有等效UTF-8字符的值。但是，JSON格式需要UTF-8編碼。解決方案是，將未配對的替代代碼點表示為JSON轉義序列，而不是將其作為單個UTF-16代碼單元返回。
穩定的 Array.prototype.sort()
V8的先前實現，對包含10個以上項的數組使用了不穩定的快速排序算法。
一種穩定的排序算法是，當兩個具有相同鍵的對象在排序輸出中出現的順序，與未排序輸入中出現的順序相同。
新版 Function.toString()
toString() 方法返回一個表示函數源代碼的字符串。在ES6中，當在函數上調用toString時，它將根據ECMAScript引擎返回該函數的字符串表示形式。如果可能，它將返回源代碼，否則-一個標準化的佔位符。
BigInt — 任意精度的整數
BigInt是第7個原始類型，它是一個任意精度的整數。而不僅僅是在9007199254740992處的最大值。
動態引入
動態import()返回所請求模塊的Promise。因此，可以使用async/await 將導入的模塊分配給變量。
標準 globalThis 對象
全局 this 在ES10之前尚未標準化。在生產代碼中，您可以通過編寫下邊代碼來“標準化”它：
ES10 Class: private, static & public 成員變量，函數
現在，新的語法字符＃（哈希標籤）用於直接在類中定義變量，函數，getter和setter，以及構造函數和類方法。
總結
自2015年ES6出現以來，這個語言就一直處於高速發展的狀態。在這篇文章中，我們回顧了ES10（2019）中出現的功能，並介紹了一些在ES11（2020）中將保持穩定的功能，因為它們處於狀態3，並且可能最終會在下一版中實現標準化。
儘管這些功能中的許多功能對於Web應用程序的開發可能不是必需的，但是它們提供了通過技巧或大量冗長代碼才能實現的可能性。
閱讀更多 前端知否 的文章
關鍵字: ECMAScript JSON JavaScript
