ECMAScript 2022

  • ຫົວໄປຫາຫົວຫຼັງ JS 2021
  • ຫົວຫຼັງ JS 2023

ລະບົບຄຳສັບ JavaScript

ລະບົບ ECMAScriptເກົ່າຖືກນຳໃຊ້ຊື່ໂດຍຈຳນວນ (ES5, ES6).

ຕັ້ງແຕ່ປີ 2016, ລະບົບຕ້ອງຖືກນຳໃຊ້ຊື່ປີ: ES2016, 2018, 2020, 2022.

ພາບໃໝ່ຂອງ ES2022

ຄໍາເຕືອນ:

ບັນດາພາບພິການນີ້ສະບາຍຫຼາຍ.

ບັນດາບັນນາທິການເກົ່າອາດຈະຕ້ອງມີລະບົບການປ່ຽນປ່ານ (Polyfill).

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 ເມສາການທັງໝົດຂອງບັນຊີແບບຫຼັກຄົນມີການສະໜັບສະໜູນ: at() ວິທີການ:

Chrome Edge Firefox Safari Opera
Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
ປີ 2021 ກັນຍາ 4 2021 ວັນພະຈິກ 2021 ວັນພະຈິກ 2022 ວັນພະຈິກ 2021 ວັນພະຈິກ

ຄໍາເຕືອນ:

ຫຼາຍພາສາອານານິຄົມອານຸລັກຫາການນຳໃຊ້ຄວ້າຫຼຸດຈົບ (negative index) (ເຊັ່ນ [-1])ການຫົນຫາຈຸດສຸດທ້າຍຂອງວັດຖຸ/ລະບົບ/ຄຳສັບ.

ນີ້ບໍ່ສາມາດໃນ JavaScript ຍ້ອນ [] ພວກມັນຖືກນຳໃຊ້ເພື່ອສະໝັກງານລະບົບກະຈັດຖະໜົນຂອງວັດຖຸ. obj[-1] ແມ່ນການຫົນຫາຄູ່ມືສິບສາມຈົບຂອງວັດຖຸ, ບໍ່ແມ່ນການຫົນຫາຄູ່ມືສິບສາມຈົບຂອງວັດຖຸ.

at() ວິທີການນຳເອົາໃນ ES2022 ເພື່ອແກ້ໄຂບັນຫານີ້.

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 ເມສາການທັງໝົດຂອງບັນຊີແບບຫຼັກຄົນມີການສະໜັບສະໜູນ: at() ວິທີການ:

Chrome Edge Firefox Safari Opera
Chrome 92 Edge 92 Firefox 90 Safari 15.4 Opera 78
ປີ 2021 ກັນຍາ 4 2021 ວັນພະຈິກ 2021 ວັນພະຈິກ 2022 ວັນພະຈິກ 2021 ວັນພະຈິກ

RegExp d 修饰符

ES2022 ໄດ້ເພີ່ມ /d ຄວາມເປັນການປັບບັນນາທິດຂອງອົງກອນສະເພາະສັ່ງການສະແດງສະເພາະການສະແດງສະເພາະການສະແດງ.

ຄວາມລວມ

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

ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ

RegExp 修饰符ຂອງອົງກອນຂອງ JavaScript ຖືກນຳໃຊ້ເພື່ອການການຫຼິ້ນກັບຄຳໃຫ້ມີຄວາມແຕກຕ່າງຄຳໃຫ້ມີຄວາມແຕກຕ່າງທົ່ວທັງໝົດ:

ຄວາມເປັນການປັບບັນນາທິດ ການອະທິບາຍ ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ
g ທົດລອງການທົດສອບທົ່ວທັງໝົດ(ຄົ້ນຫາທັງໝົດ). ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ
i ທົດລອງການທົດສອບບໍ່ສາມາດຫຼິ້ນກັນຄຳໃຫ້ມີຄວາມແຕກຕ່າງ. ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ
d ທົດລອງການທົດສອບສະເພາະສັ່ງ(ES2022 ຕິດຕາມ). ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ
m ທົດລອງການທົດສອບຫຼາຍສັ່ງ. ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ

Object.hasOwn()

ES2022 ຍືດສະໜັບສະໜູນວິທີການທີ່ປອດໄພເພື່ອກວດສອບວ່າລາຍການປະສົມຂອງອົງກອນແມ່ນອັນການຫຼັກຄົນຂອງອົງກອນ.

Object.hasOwn() ຄືກັບ Object.prototype.hasOwnPropertyແຕ່ວ່າສະໜັບສະໜູນທັງໝົດບັນດາປະເພດອົງກອນ.

ຄວາມລວມ

Object.hasOwn(myObject, age)

ທ່ານຈະທົດລອງດັ່ງກ່າວເອງ

Error Cause

ES2022 ອະນຸຍາດການກໍານົດຕົ້ນການຂອງບັນຫາຂອງບັນຫາສຳພັນໃນ error.cause.

ຄວາມລວມ

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 ເມສາການທັງໝົດຂອງບັນຊີແບບຫຼັກຄົນມີການສະໜັບສະໜູນການອະທິບາຍອັນການລວມທັງໝົດ:

Chrome Edge Firefox Safari Opera
Chrome 72 Edge 79 Firefox 69 Safari 14.1 Opera 60
2019 ວັນພະຈິກ ປີ 2020 ມັງກອນ 1 2019 ວັນພະຈິກ ປີ 2021 ກັນຍາ 4 ປີ 2020 ມັງກອນ 1

JavaScript ການກຳນົດພວກເອງ ແລະ ຂອງພວກເອງ

class Hello {
  #counter = 0;  // ຂອງພວກເອງ
  #myMethod() {} // ການກຳນົດພວກເອງ
}
const myClass = new Hello();
let x = myClass.#counter; // ຜິດພາບ
myClass.#myMethod();      // ຜິດພາບ

ຕັ້ງແຕ່ປີ 2021 ກັນຍາ 6, ທັງໝົດກະທັບສະແດງພາບກາກພິວິຫານອາກາດຂອງກະທັບກູເກີທັງໝົດກຳນົດການສະໜັບສະໜູນພວກເອງ ແລະ ຂອງພວກເຮົາ.

Chrome Edge Firefox Safari Opera
Chrome 74 Edge 79 Firefox 90 Safari 14.1 Opera 62
ປີ 2019 ມັງກອນ 4 ປີ 2020 ມັງກອນ 1 ປີ 2021 ກັນຍາ 6 ປີ 2021 ກັນຍາ 4 ປີ 2019 ກັນຍາ 6
  • ຫົວໄປຫາຫົວຫຼັງ JS 2021
  • ຫົວຫຼັງ JS 2023