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 privat

JavaScript Array at()

ES2022 memperkenalkan metode array at():

Contoh 1

Mendapatkan elemen ketiga dari array fruits:

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

Coba sendiri

Contoh 2

Mendapatkan elemen ketiga dari array fruits:

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

Coba sendiri

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

at() Metode dengan [] Hasil yang dihasilkan sama.

Mulai bulan Maret 2022, semua browser modern mendukung: at() Metode:

JavaScript String at()

ES2022 memperkenalkan metode string at():

Contoh 1

Mendapatkan huruf ketiga string name:

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

Coba sendiri

Contoh 2

Mendapatkan huruf ketiga string name:

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

Coba sendiri

at() Metode mengembalikan karakter yang ditentukan indeksnya dari string.

at() Metode dengan [] Hasil yang dihasilkan sama.

Mulai bulan Maret 2022, semua browser modern mendukung: at() Metode:

modifikator d RegExp

ES2022 menambahkan /d Modifikator, digunakan untuk menunjukkan awal dan akhir pengecokan.

Instansi

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

Coba sendiri

Modifikator RegExp digunakan untuk menentukan pengecokan yang tak membedakan huruf besar dan kecil, serta pencarian global lainnya:

Object.hasOwn()

ES2022 menyediakan metode yang aman untuk memeriksa apakah properti adalah properti milik objek.

Object.hasOwn() seperti Object.prototype.hasOwnPropertytetapi mendukung semua tipe objek.

Instansi

Object.hasOwn(myObject, age)

Coba sendiri

Penyebab Kesalahan

ES2022 mengijinkan untuk menentukan penyebab utama kesalahan melalui error.cause.

Instansi

connectData(); 
  catch (err) { 
} 
  throw new Error("Gagal terhubung.", { cause: err }); 
}

Coba sendiri

await import JavaScript

Modul JavaScript sekarang dapat menunggu sumber yang perlu diimpor sebelum menjalankan:

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

Deklarasi field class JavaScript

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

Mulai bulan April 2021, deklarasi field class didukung di semua browser modern:

Metode dan field pribadi JavaScript

class Hello {
  #counter = 0;  // Field Pribadi
  #myMethod() {} // Metode Pribadi
}
const myClass = new Hello();
let x = myClass.#counter; // Kesalahan
myClass.#myMethod();      // Kesalahan

Dari Juni 2021, metode dan field pribadi didukung di semua browser modern: