JavaScript ES2023: Yangi sintaksis va til yaxshilanishlariga chuqur nazar

Veb-dasturlash dunyosi doimiy rivojlanish holatida va bu o'zgarishlarning markazida JavaScript turadi. Har yili TC39 qo'mitasi (39-Texnik Qo'mita) JavaScript asoslangan ECMAScript spetsifikatsiyasini takomillashtirish ustida astoydil ishlaydi. Natijada tilni yanada kuchli, ifodali va dasturchilar uchun qulay qilishga qaratilgan yangi xususiyatlar bilan to'ldirilgan yillik reliz paydo bo'ladi. 14-nashr, rasman ECMAScript 2023 yoki ES2023 deb nomlanuvchi, bundan mustasno emas.

Dunyo bo'ylab dasturchilar uchun ushbu yangilanishlardan xabardor bo'lish shunchaki so'nggi tendentsiyalarni qabul qilish emas; bu toza, samaraliroq va qo'llab-quvvatlash osonroq bo'lgan kod yozish demakdir. ES2023 o'zgarmaslikni hisobga olgan holda massivlar bilan ishlashni yaxshilashga va umumiy amaliyotlarni standartlashtirishga qaratilgan uzoq kutilgan xususiyatlar to'plamini olib keladi. Bu keng qamrovli qo'llanmada biz rasman 4-bosqichga yetgan va hozirda til standartining bir qismiga aylangan asosiy xususiyatlarni ko'rib chiqamiz.

ES2023 ning asosiy mavzusi: O'zgarmaslik (Immutability) va Ergonomika

Agar ES2023 ga kiritilgan eng muhim qo'shimchalarda bitta umumiy mavzu bo'lsa, bu o'zgarmaslikka (immutability) intilishdir. JavaScript'ning ko'plab klassik massiv metodlari (sort(), splice() va reverse() kabi) asl massivni o'zgartiradi. Bu xatti-harakat, ayniqsa, keng ko'lamli ilovalarda, holatni boshqarish kutubxonalarida (Redux kabi) va funktsional dasturlash paradigmalarida kutilmagan nojo'ya ta'sirlarga va murakkab xatolarga olib kelishi mumkin. ES2023 xuddi shu amallarni bajaradigan, lekin massivning yangi, o'zgartirilgan nusxasini qaytaradigan va asl nusxasini o'zgarishsiz qoldiradigan yangi metodlarni taqdim etadi. Dasturchi ergonomikasi va xavfsizroq kod yozish amaliyotlariga qaratilgan bu e'tibor juda kutilgan evolyutsiyadir.

Keling, yangiliklarning tafsilotlariga sho'ng'iymiz.

1. Elementlarni oxiridan topish: findLast() va findLastIndex()

Dasturchilar uchun eng keng tarqalgan vazifalardan biri bu massiv ichidan element qidirishdir. JavaScript uzoq vaqtdan beri massivning boshidan qidirish uchun find() va findIndex() metodlarini taqdim etgan bo'lsa-da, mos keladigan oxirgi elementni topish hayratlanarli darajada noqulay edi. Dasturchilar ko'pincha kamroq intuitiv yoki samarasiz yechimlarga murojaat qilishlariga to'g'ri kelardi.

Eski usul: Qo'pol yechimlar

Ilgari massivdagi oxirgi juft sonni topish uchun siz shunday bir narsa qilgan bo'lishingiz mumkin:

            const numbers = [1, 2, 3, 4, 5, 6, 7, 8];

// 1-yechim: Massivni teskari o'girib, keyin topish.
// Muammo: Bu asl 'numbers' massivini O'ZGARTIRADI!
const lastEven_mutating = numbers.reverse().find(n => n % 2 === 0);
console.log(lastEven_mutating); // 8
console.log(numbers); // [8, 7, 6, 5, 4, 3, 2, 1] - Asl massiv o'zgartirildi!

// O'zgarishning oldini olish uchun avval nusxa yaratish kerak edi.
const numbers2 = [1, 2, 3, 4, 5, 6, 7, 8];
const lastEven_non_mutating = [...numbers2].reverse().find(n => n % 2 === 0);
console.log(lastEven_non_mutating); // 8
console.log(numbers2); // [1, 2, 3, 4, 5, 6, 7, 8] - Xavfsiz, lekin unchalik samarali emas.
            

              
                Copy
              
            
          

Bu yechimlar yo buzuvchi (asl massivni o'zgartiruvchi) yoki samarasiz (qidiruv uchun massivning to'liq nusxasini yaratishni talab qiluvchi) edi. Bu esa yanada to'g'ridan-to'g'ri va o'qilishi oson yondashuv uchun umumiy taklifga olib keldi.

ES2023 yechimi: findLast() va findLastIndex()

ES2023 bu muammoni Array.prototypega ikkita yangi metod qo'shish orqali oqlangan tarzda hal qiladi:

• findLast(callback): Massivni o'ngdan chapga qarab takrorlaydi va berilgan test funksiyasini qanoatlantiradigan birinchi elementning qiymatini qaytaradi. Agar hech qaysi qiymat test funksiyasini qanoatlantirmasa, undefined qaytariladi.
• findLastIndex(callback): Massivni o'ngdan chapga qarab takrorlaydi va berilgan test funksiyasini qanoatlantiradigan birinchi elementning indeksini qaytaradi. Agar bunday element topilmasa, u -1 qaytaradi.

Amaliy misollar

Keling, avvalgi misolimizni yangi metodlar yordamida qayta ko'rib chiqamiz. Kod ancha toza va ifodaliroq bo'ladi.

            const numbers = [10, 25, 30, 45, 50, 65, 70];

// 40 dan katta bo'lgan oxirgi sonni topish
const lastLargeNumber = numbers.findLast(num => num > 40);
console.log(lastLargeNumber); // Natija: 70

// 40 dan katta bo'lgan oxirgi sonning indeksini topish
const lastLargeNumberIndex = numbers.findLastIndex(num => num > 40);
console.log(lastLargeNumberIndex); // Natija: 6

// Moslik topilmagan misol
const lastSmallNumber = numbers.findLast(num => num < 5);
console.log(lastSmallNumber); // Natija: undefined

const lastSmallNumberIndex = numbers.findLastIndex(num => num < 5);
console.log(lastSmallNumberIndex); // Natija: -1

// Asl massiv o'zgarishsiz qoladi.
console.log(numbers); // [10, 25, 30, 45, 50, 65, 70]

            

              
                Copy
              
            
          

Asosiy afzalliklari:

• O'qilishi osonligi: Kodning maqsadi darhol tushunarli. findLast() nima qilayotganini aniq ko'rsatadi.
• Samaradorlik: Bu massivning teskari nusxasini yaratishdagi qo'shimcha yuklamadan qochadi, bu esa uni, ayniqsa, juda katta massivlar uchun samaraliroq qiladi.
• Xavfsizlik: U asl massivni o'zgartirmaydi, bu sizning ilovangizda kutilmagan nojo'ya ta'sirlarning oldini oladi.

2. O'zgarmaslikning yuksalishi: Massivdan nusxa oluvchi yangi metodlar

Bu, shubhasiz, kundalik kodlash uchun ES2023 dagi eng ta'sirli xususiyatlar to'plamidir. Yuqorida aytib o'tilganidek, Array.prototype.sort(), Array.prototype.reverse() va Array.prototype.splice() kabi metodlar ular chaqirilgan massivni o'zgartiradi. Bu joyida o'zgartirish tez-tez xatolarga sabab bo'ladi.

ES2023 o'zgarmas alternativalarni taqdim etuvchi uchta yangi metodni taqdim etadi:

• toReversed() → reverse() ning o'zgartirmaydigan versiyasi
• toSorted(compareFn) → sort() ning o'zgartirmaydigan versiyasi
• toSpliced(start, deleteCount, ...items) → splice() ning o'zgartirmaydigan versiyasi

Bundan tashqari, bitta elementni o'zgarmas tarzda yangilash uchun to'rtinchi metod, with(index, value) qo'shildi.

Array.prototype.toReversed()

reverse() metodi massivni joyida teskari o'giradi. toReversed() esa elementlari teskari tartibda bo'lgan yangi massivni qaytaradi va asl massivni o'z holicha qoldiradi.

            const originalSequence = [1, 2, 3, 4, 5];

// Yangi, o'zgarmas usul
const reversedSequence = originalSequence.toReversed();

console.log(reversedSequence); // Natija: [5, 4, 3, 2, 1]
console.log(originalSequence); // Natija: [1, 2, 3, 4, 5] (O'zgarishsiz!)

// Eski, o'zgartiruvchi usul bilan solishtiring
const mutatingSequence = [1, 2, 3, 4, 5];
mutatingSequence.reverse();
console.log(mutatingSequence); // Natija: [5, 4, 3, 2, 1] (Asl massiv o'zgartirilgan)
            

              
                Copy
              
            
          

Array.prototype.toSorted()

Shunga o'xshab, sort() massiv elementlarini joyida saralaydi. toSorted() esa yangi, saralangan massivni qaytaradi.

            const unsortedUsers = [
    { name: 'David', age: 35 },
    { name: 'Anna', age: 28 },
    { name: 'Carl', age: 42 }
];

// Yosh bo'yicha saralashning yangi, o'zgarmas usuli
const sortedUsers = unsortedUsers.toSorted((a, b) => a.age - b.age);

console.log(sortedUsers);
/* Natija:
[
  { name: 'Anna', age: 28 },
  { name: 'David', age: 35 },
  { name: 'Carl', age: 42 }
]*/

console.log(unsortedUsers);
/* Natija:
[
  { name: 'David', age: 35 },
  { name: 'Anna', age: 28 },
  { name: 'Carl', age: 42 }
] (O'zgarishsiz!) */

            

              
                Copy
              
            
          

Array.prototype.toSpliced()

splice() metodi kuchli, lekin murakkab, chunki u elementlarni olib tashlashi, almashtirishi yoki qo'shishi mumkin, bularning barchasi massivni o'zgartirish orqali amalga oshiriladi. Uning o'zgarmas hamkasbi toSpliced() holatni boshqarish uchun inqilobiy o'zgarishdir.

            const months = ['Jan', 'Mar', 'Apr', 'Jun'];

// 'Feb' ni qo'shishning yangi, o'zgarmas usuli
const updatedMonths = months.toSpliced(1, 0, 'Feb');

console.log(updatedMonths); // Natija: ['Jan', 'Feb', 'Mar', 'Apr', 'Jun']
console.log(months); // Natija: ['Jan', 'Mar', 'Apr', 'Jun'] (O'zgarishsiz!)

// Eski, o'zgartiruvchi usul bilan solishtiring
const mutatingMonths = ['Jan', 'Mar', 'Apr', 'Jun'];
mutatingMonths.splice(1, 0, 'Feb');
console.log(mutatingMonths); // Natija: ['Jan', 'Feb', 'Mar', 'Apr', 'Jun'] (Asl massiv o'zgartirilgan)
            

              
                Copy
              
            
          

Array.prototype.with(index, value)

Bu metod ma'lum bir indeksdagi bitta elementni yangilashning toza va o'zgarmas usulini taklif etadi. Buni o'zgarmas tarzda qilishning eski usuli slice() yoki spread operatori kabi metodlardan foydalanishni o'z ichiga olgan, bu esa ko'p so'zli bo'lishi mumkin edi.

            const scores = [90, 85, 70, 95];

// Keling, 2-indeksdagi (70) balni 78 ga yangilaymiz

// 'with()' yordamida yangi, o'zgarmas usul
const updatedScores = scores.with(2, 78);

console.log(updatedScores); // Natija: [90, 85, 78, 95]
console.log(scores);        // Natija: [90, 85, 70, 95] (O'zgarishsiz!)

// Eski, ko'p so'zli o'zgarmas usul
const oldUpdatedScores = [
    ...scores.slice(0, 2),
    78,
    ...scores.slice(3)
];
console.log(oldUpdatedScores); // Natija: [90, 85, 78, 95]
            

              
                Copy
              
            
          

Ko'rib turganingizdek, with() ushbu umumiy operatsiya uchun ancha to'g'ridan-to'g'ri va o'qilishi oson sintaksisni taqdim etadi.

3. Kalit sifatida Simvollarga ega WeakMap'lar

Bu xususiyat tor doiraga mo'ljallangan, ammo kutubxona mualliflari va ilg'or JavaScript naqshlari ustida ishlaydigan dasturchilar uchun juda foydalidir. U WeakMap to'plamlarining kalitlarni qanday ishlashidagi cheklovni hal qiladi.

WeakMap haqida qisqacha eslatma

WeakMap bu kalitlari ob'ekt bo'lishi kerak bo'lgan va map ularga "kuchsiz" havola saqlaydigan maxsus turdagi to'plamdir. Bu shuni anglatadiki, agar kalit sifatida ishlatiladigan ob'ektning dasturda boshqa havolalari bo'lmasa, u "axlatdan tozalanishi" (garbage collected) mumkin va uning WeakMapdagi mos yozuvi avtomatik ravishda olib tashlanadi. Bu, ob'ektni xotiradan tozalanishiga to'sqinlik qilmasdan, u bilan metama'lumotlarni bog'lash uchun foydalidir.

Oldingi cheklov

ES2023 dan oldin, siz WeakMapda kalit sifatida noyob (ro'yxatdan o'tmagan) Symboldan foydalana olmas edingiz. Bu asabiylashtiruvchi nomuvofiqlik edi, chunki Simvollar, ob'ektlar kabi, noyobdir va xususiyat nomlari to'qnashuvining oldini olish uchun ishlatilishi mumkin.

ES2023 dagi yaxshilanish

ES2023 bu cheklovni olib tashlaydi, bu esa noyob Simvollarni WeakMapda kalit sifatida ishlatishga imkon beradi. Bu, ayniqsa, Simvolni Symbol.for() orqali global miqyosda mavjud qilmasdan, ma'lumotlarni Simvol bilan bog'lamoqchi bo'lganingizda juda qimmatlidir.

            // Noyob Simvol yaratish
const uniqueSymbol = Symbol('private metadata');

const metadataMap = new WeakMap();

// ES2023 da bu endi to'g'ri!
metadataMap.set(uniqueSymbol, { info: 'This is some private data' });

// Foydalanish misoli: Ma'lum bir tushunchani ifodalovchi simvol bilan ma'lumotlarni bog'lash
function processSymbol(sym) {
    if (metadataMap.has(sym)) {
        console.log('Metama\'lumot topildi:', metadataMap.get(sym));
    }
}

processSymbol(uniqueSymbol); // Natija: Metama'lumot topildi: { info: 'This is some private data' }

            

              
                Copy
              
            
          

Bu, ayniqsa, maxsus simvolik identifikatorlarga bog'langan shaxsiy yoki ichki ma'lumotlar tuzilmalarini yaratishda yanada mustahkam va inkapsulyatsiya qilingan naqshlarga imkon beradi.

4. Hashbang grammatikasini standartlashtirish

Agar siz Node.js yoki boshqa JavaScript ish vaqtlarida buyruqlar satri skriptini yozgan bo'lsangiz, siz "hashbang" yoki "shebang" ga duch kelgan bo'lishingiz mumkin.

            #!/usr/bin/env node

console.log('Hello from a CLI script!');
            

              
                Copy
              
            
          

Birinchi qator, #!/usr/bin/env node, Unix-ga o'xshash operatsion tizimlarga skriptni bajarish uchun qaysi interpretatordan foydalanishni aytadi. Garchi bu ko'p yillar davomida ko'pgina JavaScript muhitlari (Node.js va Deno kabi) tomonidan qo'llab-quvvatlanadigan de-fakto standart bo'lsa-da, u hech qachon rasman ECMAScript spetsifikatsiyasining bir qismi bo'lmagan. Bu uning amalga oshirilishi texnik jihatdan dvigatellar o'rtasida farq qilishi mumkinligini anglatardi.

ES2023 dagi o'zgarish

ES2023 Hashbang Izohini (#!...) JavaScript tilining haqiqiy qismi sifatida rasmiylashtiradi. U izoh sifatida qaraladi, lekin ma'lum bir qoidaga ega: u faqat skript yoki modulning mutlaq boshida haqiqiydir. Agar u boshqa joyda paydo bo'lsa, u sintaksis xatosiga olib keladi.

Bu o'zgarish ko'pchilik dasturchilarning o'z CLI skriptlarini qanday yozishiga bevosita ta'sir qilmaydi, lekin bu tilning yetukligi uchun muhim qadamdir. Ushbu umumiy amaliyotni standartlashtirish orqali ES2023 JavaScript manba kodining barcha mos keluvchi muhitlarda, brauzerlardan serverlargacha va buyruqlar satri vositalarigacha izchil tahlil qilinishini ta'minlaydi. Bu JavaScript'ning skriptlar yozish va mustahkam CLI ilovalarini yaratish uchun birinchi darajali til sifatidagi rolini mustahkamlaydi.

Xulosa: Yanada yetuk JavaScript'ni qabul qilish

ECMAScript 2023 JavaScript'ni takomillashtirish va yaxshilashga qaratilgan doimiy sa'y-harakatlarning isbotidir. Eng so'nggi xususiyatlar inqilobiy ma'noda vayronkor emas, lekin ular juda amaliy bo'lib, umumiy og'riqli nuqtalarni hal qiladi va xavfsizroq, zamonaviyroq kodlash naqshlarini targ'ib qiladi.

• Yangi Massiv Metodlari (findLast, toSorted va h.k.): Bular shou yulduzlari bo'lib, uzoq kutilgan ergonomik yaxshilanishlarni va o'zgarmas ma'lumotlar tuzilmalariga kuchli turtki beradi. Ular shubhasiz kodni toza, bashorat qilinadigan va tuzatish osonroq qiladi.
• WeakMap Simvol Kalitlari: Bu yaxshilanish ilg'or foydalanish holatlari va kutubxonalarni ishlab chiqish uchun ko'proq moslashuvchanlikni ta'minlaydi va inkapsulyatsiyani yaxshilaydi.
• Hashbang Standartlashtirish: Bu keng tarqalgan amaliyotni rasmiylashtiradi, skriptlar va CLI ishlab chiqish uchun JavaScript'ning portativligi va ishonchliligini oshiradi.

Global dasturchilar hamjamiyati sifatida biz bugunoq ushbu xususiyatlarni o'z loyihalarimizga kiritishni boshlashimiz mumkin. Ko'pgina zamonaviy brauzerlar va Node.js versiyalari ularni allaqachon amalga oshirgan. Eski muhitlar uchun Babel kabi vositalar yangi sintaksisni mos kodga transpilyatsiya qilishi mumkin. Ushbu o'zgarishlarni qabul qilish orqali biz yanada mustahkam va oqlangan ekotizimga hissa qo'shamiz, nafaqat funktsional, balki o'qish va qo'llab-quvvatlash uchun ham yoqimli bo'lgan kod yozamiz.