ECMAScript 2022

JavaScript 版本號

舊的 ECMAScript 版本以數字命名：ES5 和 ES6。

從 2016 年開始，版本以年份命名：ES2016、2018、2020、2022。

ES2022 的新特性

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• 類字段聲明
• 私有方法和字段

JavaScript Array at()

ES2022 引入了數組方法 at()：

例子 1

獲取 fruits 數組的第三個元素：

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

親自試一試

例子 2

獲取 fruits 數組的第三個元素：

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

親自試一試

at() 方法從數組中返回指定索引的元素。

at() 方法與 [] 返回的結果相同。

自 2022 年 3 月起，所有現代瀏覽器中均支持 at() 方法：

JavaScript String at()

ES2022 引入了字符串方法 at()：

例子 1

獲取 name 字符串的第三個字母：

const name = "W3Schools";
let letter = name.at(2);

親自試一試

例子 2

獲取 name 字符串的第三個字母：

const name = "W3Schools";
let letter = name[2];

親自試一試

at() 方法從字符串中返回指定索引的字符。

at() 方法與 [] 返回的結果相同。

自 2022 年 3 月起，所有現代瀏覽器中均支持 at() 方法：

RegExp d 修飾符

ES2022 添加了 /d 修飾符，用于表示匹配的開始和結束。

實例

let text = "aaaabb";
let result = text.match(/(aa)(bb)/d);

親自試一試

RegExp 修飾符用于指定不區分大小寫，以及其他全局搜索：

Object.hasOwn()

ES2022 提供了一種安全的方法來檢查屬性是否是對象的自有屬性。

Object.hasOwn() 類似于 Object.prototype.hasOwnProperty，但支持所有對象類型。

實例

Object.hasOwn(myObject, age)

親自試一試

Error Cause

ES2022 允許通過 error.cause 指定錯誤的根本原因。

實例

try { 
  connectData(); 
} catch (err) { 
  throw new Error("Connecting failed.", { cause: err }); 
}

親自試一試

JavaScript await import

JavaScript 模塊現在可以在運行前等待需要導入的資源：

import {myData} from './myData.js';
const data = await myData();

JavaScript 類字段聲明

class Hello {
  counter = 0; // 類字段
}
const myClass = new Hello();
let x = myClass.counter;

自 2021 年 4 月起，所有現代瀏覽器中均支持類字段聲明：

JavaScript 私有方法和字段

class Hello {
  #counter = 0;  // 私有字段
  #myMethod() {} // 私有方法
}
const myClass = new Hello();
let x = myClass.#counter; // 錯誤
myClass.#myMethod();      // 錯誤

自 2021 年 6 月起，在所有現代瀏覽器中均支持私有方法和字段：