ES2018新特性詳解

ES2018是ECMAScript 2018標準的簡稱，是JavaScript語言的最新版本，也稱為ECMAScript 9。ES2018定義了一些新特性，包括語言層面和庫級別的功能，這些新特性的功能更加強大和易用，這篇文章將會詳細介紹ES2018的一些重大變化和新增功能。

一、變數和函數

在ES2015中引進了let和const關鍵字來聲明變數，ES2018在此基礎上進一步優化。

新增rest屬性，可以讓函數接受任意數量的參數，並將它們保存在一個數組中，再進行操作。比如：

function sum(...args) {
  return args.reduce((a, b) => a + b);
}
console.log(sum(1, 2, 3, 4)); // 10

新增async函數，可以讓非同步代碼看起來更加簡潔和易懂。比如：

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

此外，ES2018還新增了循環變數let和const在for循環中的局部作用域，以及正則表達式命名捕獲組等功能。

二、對象和數組

ES2018在對象和數組的操作上也進行了一些更新。

將Object.entries和Object.values方法加入到對象上，方便進行對象屬性的遍歷。

const obj = { name: 'John', age: 30 };
console.log(Object.entries(obj)); // [['name', 'John'], ['age', 30]]
console.log(Object.values(obj)); // ['John', 30]

引入了Array.prototype.flat()方法和Array.prototype.flatMap()方法，用於對嵌套數組進行操作，大大簡化了數組的操作方式。比如：

const arr = [1, 2, [3, 4, [5]]];
console.log(arr.flat()); // [1, 2, 3, 4, [5]]
console.log(arr.flat(2)); // [1, 2, 3, 4, 5]

const arr2 = ['hello', 'world'];
console.log(arr2.flatMap(word => word.split(''))); // ['h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd']

此外，ES2018還新增了Object.getOwnPropertyDescriptors()方法和Array.prototype.sort()方法的穩定排序等功能。

三、正則表達式

ES2018在正則表達式方面進行了優化和新增。

引入了s修飾符，用於在正則表達式中匹配任何字元，包括換行符。比如：

const str = 'hello\nworld';
console.log(/hello.world/.test(str)); // false
console.log(/hello.world/s.test(str)); // true

新增named捕獲組，可以給正則表達式的匹配結果起名，更加靈活和方便。比如：

const str2 = 'John, 30';
const regex = /(?<name>\w+),\s(?<age>\d+)/;
const match = regex.exec(str2);
console.log(match.groups.name); // 'John'
console.log(match.groups.age); // '30'

此外，ES2018還新增了dotAll屬性和Unicode代理對等功能。

四、其他改進

除了以上三個方面的改進，ES2018還進行了其他領域的改進，例如：

Promise.prototype.finally()方法的引入，Promise.prototype.catch()的錯誤處理更加靈活。

fetch('/api/data')
  .then(response => response.json())
  .catch(error => console.log(error))
  .finally(() => console.log('請求結束'));

模板字元串中支持嵌入表達式。

const name = 'John';
console.log(`My name is ${name}`); // 'My name is John'

ES2018在語言層面和庫級別的功能方面進行了升級和新增，為JavaScript開發者提供了更加方便、高效和強大的編程工具。開發者可以根據需求選擇ES2018提供的新特性在項目中使用，從而更好地轉化想法和實現業務邏輯。