ECMAScript 2022
ລະບົບຄຳສັບ JavaScript
ລະບົບ ECMAScriptເກົ່າຖືກນຳໃຊ້ຊື່ໂດຍຈຳນວນ (ES5, ES6).
ຕັ້ງແຕ່ປີ 2016, ລະບົບຕ້ອງຖືກນຳໃຊ້ຊື່ປີ: ES2016, 2018, 2020, 2022.
ພາບໃໝ່ຂອງ ES2022
- Array at()
- String at()
- RegExp /d
- Object.hasOwn()
- error.cause
- await import
- ການຖະແຫຼງຄວາມລັບຂອງປະເພດ
- ວິທີການ/ຄວາມລັບ
ຄໍາເຕືອນ:
ບັນດາພາບພິການນີ້ສະບາຍຫຼາຍ.
ບັນດາບັນນາທິການເກົ່າອາດຈະຕ້ອງມີລະບົບການປ່ຽນປ່ານ (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 |