Blog'a Geri Dön
Frontend

JavaScript ES2024 Yeni Özellikleri

01 Ara 2023
7 dakika okuma
2,100 görüntülenme
Burak PAPATYA
#JavaScript #ES2024 #Frontend #ECMAScript

JavaScript ES2024 (ES15) birçok heyecan verici yeni özellik getiriyor. Array grouping, temporal API ve daha birçok iyileştirme geliştiricilerin hayatını kolaylaştıracak.

Array Grouping

const products = [\n  { name: "Laptop", category: "Electronics" },\n  { name: "Book", category: "Education" },\n  { name: "Phone", category: "Electronics" }\n];\n\n// Yeni group metodu\nconst grouped = products.group(item => item.category);\nconsole.log(grouped);\n// {\n//   Electronics: [{name: "Laptop", ...}, {name: "Phone", ...}],\n//   Education: [{name: "Book", ...}]\n// }

Temporal API

Date objesi yerine daha güçlü zaman yönetimi:

// Temporal.PlainDate\nconst date = Temporal.PlainDate.from("2024-03-15");\nconsole.log(date.dayOfWeek); // 5 (Friday)\n\n// Temporal.Duration\nconst duration = Temporal.Duration.from({ hours: 2, minutes: 30 });\nconsole.log(duration.total("minutes")); // 150

Pipeline Operator

// Geleneksel yöntem\nconst result = Math.sqrt(Math.abs(Math.floor(-4.2)));\n\n// Pipeline operator ile\nconst result = -4.2 |> Math.floor |> Math.abs |> Math.sqrt;

İlgili Yazılar