隨著 JavaScript Es9 （簡稱 ES9）的發布，我們將會看到很多新的特性和變化。雖然有些人可能認為這些變化不會有多大的影響，但實際上它們會對我們的開發方式和編程模式產生深遠的影響。

ES9 中引入了很多新的特性和 API，讓我們能夠更輕松地編寫出清晰、可維護、高性能的代碼。

下面是 ES9 的一些新特性：

1. Async / Await

async function fetchData() {
const response = await fetch('/api/data');
const data = await response.json();
return data;
}

Async / Await 是 ES9 中最精彩的特性之一。它們讓異步代碼變得更容易理解和維護。在以前的版本中，我們可能會使用回調函數或 Promise 來處理異步代碼。現在我們可以使用類似同步代碼的方式編寫異步代碼。

在上面的例子中，fetchData 函數將返回一個 Promise 對象。我們可以使用 then 方法來獲取函數返回的數據。

fetchData().then(data =>{
console.log(data);
});

2. Rest / Spread 屬性

const { x, y, ...rest } = { x: 1, y: 2, z: 3, w: 4 };
console.log(x, y, rest); // 1 2 { z: 3, w: 4 }
const obj1 = { x: 1, y: 2 };
const obj2 = { ...obj1, z: 3 };
console.log(obj2); // { x: 1, y: 2, z: 3 }

Rest / Spread 屬性讓我們能夠更方便地操作對象和數組。在這個例子中，我們通過解構賦值和 Rest 屬性來提取對象中的 x 和 y 屬性。rest 對象中存儲了其余的屬性。

在第二個例子中，我們使用 Spread 屬性將對象 obj1 的屬性復制到新的對象中。這是一種方便的方式來創建一個新的對象，而不需要從頭開始構造。

3. Promise.finally()

fetch('/api/data')
.then(response =>{
console.log(response.status);
})
.catch(error =>{
console.log(error.message);
})
.finally(() =>{
console.log('done');
});

Promise.finally() 是一個實用的 API，它讓我們能夠在一個 Promise 完成后執行一些代碼（無論 Promise 是成功還是失敗）。這意味著我們可以在一個 Promise 中添加一些清理代碼，例如關閉文件或數據庫連接。

4. Object.fromEntries()

const entries = [
['a', 1],
['b', 2],
['c', 3]
];
const obj = Object.fromEntries(entries);
console.log(obj); // { a: 1, b: 2, c: 3 }

Object.fromEntries() 讓我們更方便地將一個二維數組轉換成對象。在這個例子中，我們使用 entries 數組來創建一個新的對象。

5. String.trimStart() 和 String.trimEnd()

const str = '   hello world   ';
console.log(str.trimStart()); // 'hello world   '
console.log(str.trimEnd()); // '   hello world'

String.trimStart() 和 String.trimEnd() 讓我們更方便地刪除字符串開頭和結尾的空格。這些方法可以幫助我們在處理字符串時保持代碼更加簡潔和易讀。

總而言之，ES9 帶來了很多有用的新功能和 API。它們可以使我們的代碼更加清晰和可維護，并且可以使我們更高效地編寫代碼。因此，我們應該努力學習這些新特性，以便更好地為我們的項目做出貢獻。