## 特性列表

1. Optional Catch Binding
2. Array.flat
3. Array.flatMap
4. String trimStart, trimEnd
5. Object.fromEntries
6. Function.prototype.toString()
7. Symbol.prototype.description
8. JSON.superset
9. JSON.stringify

### 1. Optional Catch Binding

以往的異常捕獲語句，無論你是否用到，都需要在catch後面需要帶上error引數，有程式碼潔癖的一定難以忍受，新的介面規範支援在不需要的時候不用帶了

#### 老的編碼方式

```
try {
  // some code
  return true;
} catch(unusedException) {  // here is the problem
  return false;
}
```

#### 新的編碼方式

```
try {
  // some code
  return true;
} catch {
  return false;
}
```

#### 真實場景

如解析json字串為物件的時候

```
try {
  return JSON.parse(responseData);
} catch  {
  return {};
}
```

官方連結 https://github.com/tc39/proposal-optional-catch-binding

### 2. Array.flat 陣列展開

flat(depth)方法會按照一個可指定的深度(預設值為1)遞迴遍歷陣列，並將所有元素與遍歷到的子陣列中的元素合併為一個新陣列返回。在以往，可以需要寫個方法無限遞迴才可以實現同樣的效果。

#### 程式碼例項

// 使用 Infinity 常量，可無限展開任意深度的巢狀陣列

```
 var arr1 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr1.flat(Infinity);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
```

#### 真實場景

打平樹結構，如多層巢狀檔案樹，或者多層巢狀的葉子結構

### 3. Array.flatMap

Array.flatMap跟flat和map都有些相似，可以對映每個元素，最後跟map一樣生成一個新的陣列；同時也跟flat一樣，打平陣列，但只支援深度為1。

#### 真實場景

把二維陣列打平並轉換迭代每一個元素生成一個新的一維陣列
參考連結:

### 4. String

String.prototype.{trimStart,trimEnd}，相對應的另外二個別名是String.prototype.{trimLeft,trimRight}。
用途分別是移除字串前面，後面的空格。

#### 真實場景

在表單內容錄入的時候，使用者可能無意輸入了空格，此時可使用該方法去掉

### 5. Object.fromEntries

該方法是將一個鍵值列表轉換為一個物件

#### 程式碼例項

```
obj = Object.fromEntries([['a', 0], ['b', 1]]); // { a: 0, b: 1 }
```

#### 真實場景

```
const query = Object.fromEntries(new URLSearchParams('type=person&keyword=test'));
// { type: 'person' keyword: 'test'}
```

### 6. Function.prototype.toString

函式的toString方法其實之前就已經有了，es2019算是修訂版，增加了列印函式內註釋的能力，不過不支援箭頭函式

```
const test = function() {
    // 程式碼邏輯解釋
    return 'test'
}
test.toString();
/**
"function() {
    // 程式碼邏輯解釋
    return 'test'
}"
**/
```

### 7. Symbol.prototype.description

Symbol是es6引入的新的資料型別。生成的每一個值都是唯一的，且無法跟傳入的值做對比，而description屬性可以拿到Symbol裡面的值。

#### 真實場景

`Symbol('test'). description === 'test' // true`
參考連結: https://tc39.es/proposal-Symbol-description/

### 8. JSON.superset

背景是ES2019之前不支援轉義行分隔符 (\u2028) 和段落分隔符 (\u2029) 字元，且在解析過程時報錯: SyntaxError: Invalid or unexpected token。
新的提供了支援
參考連結: https://github.com/tc39/proposal-json-superset

### 9. JSON.stringify

也算是之前版本的修訂版，對超出的Unicode字串做了處理，將原來的亂碼改成了有效的Unicode字串
參考連結: https://github.com/tc39/proposal-well-formed-stringify

作者：柯有謀

- [滴滴雲全線標準型雲伺服器限時特惠,註冊即送新手大禮包](https://www.didiyun.com/?channel=14816 )
- [新購雲服務1月5折 3月4折 6月低至3折](https://www.didiyun.com/?channel=14816 "新購雲服務1月5折 3月4折 6月低至3折")
- [滴滴雲使者招募，推薦最高返傭50%](https://www.didiyun.com/envoy/e-index.html?channel=14844)

ES10(ES2019)新特性介紹和程式碼例項

相關文章