ECMAScript 2022

Nomor versi JavaScript

Versi ECMAScript lama dinamai dengan angka: ES5 dan ES6.

Dari tahun 2016, versi dinamai dengan tahun: ES2016, 2018, 2020, 2022.

Fitur baru ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Pengumuman field kelas
• Metode dan field pribadi

JavaScript Array at()

ES2022 mengenalkan metode array at():

Contoh 1

Mendapatkan elemen ketiga dari array fruits:

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

亲自试一试

Contoh 2

Mendapatkan elemen ketiga dari array fruits:

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

亲自试一试

at() Metode ini mengembalikan elemen yang ditentukan indeksnya dari array.

at() 方法与 [] 返回的结果相同。

自 2022 年 3 月起，所有现代浏览器中均支持 at() 方法：

JavaScript String at()

ES2022 mengenalkan metode string at():

Contoh 1

Mendapatkan huruf ketiga string name:

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

亲自试一试

Contoh 2

Mendapatkan huruf ketiga string 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 月起，所有现代浏览器中均支持类字段声明：

Kaedah dan medan perseorangan JavaScript

class Hello {
  #counter = 0;  // Medan perseorangan
  #myMethod() {} // Kaedah perseorangan
}
const myClass = new Hello();
let x = myClass.#counter; // Kesalahan
myClass.#myMethod();      // Kesalahan

Dari bulan Jun 2021, semua pelayar modern mendukung kaedah dan medan perseorangan: