ECMAScript 2024

  • ບ່ອນໜ້າຫນ້າໜ້າກັບ JS 2023
  • ບ່ອນໜ້າຫນ້າໜ້າໄປ JS IE / Edge

ອັດຕາສະບັບ JavaScript

ລະບົບ ECMAScript ກ່ອນນີ້ຖືກນຳມາຊື່ດ້ວຍຈຳນວນ: ES5, ES6.

ຕັ້ງແຕ່ປີ 2016 ລະບົບສະບັບ ECMAScript ໄດ້ຖືກນຳມາຊື່ຫຼັງປີ: ES2016, 2018, 2020...

ສະບັບທີ 15 ECMAScript 2024 ໄດ້ອອກວັນທີ 7 ຕຸລາ 2024

ປະສົບປະການໃໝ່ໃນ ES2024

ຄໍາເຕືອນ

ການສະແດງນີ້ອາດຈະໃຫຍ່ກວ່າ.

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

JavaScript Object.groupBy()

ຄວາມປະສົງ

// ສ້າງສາຍ
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// ກົນລະຍຸດກຸ່ມປະກອບສິ່ງ
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// ຈັດກຸ່ມຕາມຈຳນວນ
const result = Object.groupBy(fruits, myCallback);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

ອະທິບາຍ

Object.groupBy() ກົນລະຍຸດຈະຈັດການກຸ່ມປະກອບສິ່ງຂອງເອກະສານວ່າກັບຄຳກັບຄືນ.

Object.groupBy() ກົນລະຍຸດຈະບໍ່ປ່ຽນແປງເອກະສານແບບຫຼັກ.

ຫັງວ່າ:

ປະກອບສິ່ງຂອງເອກະສານແບບຫຼັກແລະເອກະສານກັບຄືນແມ່ນຄືກັນ.

ການປ່ຽນແປງຂອງເອກະສານແບບຫຼັກຫຼືເອກະສານກັບຄືນຈະສະຖານທີ່ທັງສອງບ່ອນ.

JavaScript Map.groupBy()

ຄວາມປະສົງ

// ສ້າງສາຍ
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// ກົນລະຍຸດກຸ່ມປະກອບສິ່ງ
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// ຈັດກຸ່ມຕາມຈຳນວນ
const result = Map.groupBy(fruits, myCallback);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

ອະທິບາຍ

Map.groupBy() ກົນລະຍຸດຈະຈັດການກຸ່ມປະກອບສິ່ງຂອງເອກະສານວ່າກັບຄຳກັບຄືນ.

Map.groupBy() ກົນລະຍຸດຈະບໍ່ປ່ຽນແປງເອກະສານແບບຫຼັກ.

ຫັງວ່າ:

ປະກອບສິ່ງຂອງເອກະສານແບບຫຼັກແລະເອກະສານກັບຄືນແມ່ນຄືກັນ.

ການປ່ຽນແປງຂອງເອກະສານແບບຫຼັກຫຼືເອກະສານກັບຄືນຈະສະຖານທີ່ທັງສອງບ່ອນ.

Object.groupBy() vs Map.groupBy()

Object.groupBy() ແລະ Map.groupBy() ຄວາມແຕກຕ່າງກັນ

Object.groupBy() ການຈັດສັນການລະບົບ JavaScript ເຂົ້າໃນໂອບປະກອບ

Map.groupBy() ການຈັດສັນການລະບົບເອລະບົບ Map ເຂົ້າໃນໂອບປະກອບ

JavaScript Temporal.PlainDate()

ຄວາມປະສົງ

const date = Temporal.PlainDate(2024, 5, 1);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

JavaScript Temporal.PlainTime()

ຄວາມປະສົງ

const date = new Temporal.PlainTime(10, 30);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

JavaScript Temporal.PlainMonthDay()

ຄວາມປະສົງ

const date = new Temporal.PlainMonthDay(5, 1);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

JavaScript Temporal.PlainYearMonth()

ຄວາມປະສົງ

const date = new Temporal.PlainYearMonth(2024, 5);

ພະຍາຍາມຕະຫຼອດຄັ້ງໜຶ່ງ

  • ບ່ອນໜ້າຫນ້າໜ້າກັບ JS 2023
  • ບ່ອນໜ້າຫນ້າໜ້າໄປ JS IE / Edge