ECMAScript 2023, web geliştirmeyi etkileyecek yeni özellikler sunar.

En son programlama dillerine ve çerçevelerine ayak uydurmak, sürekli gelişen web geliştirme dünyasında kritik öneme sahiptir. JavaScript, bu amaç için yaygın olarak kullanılan bir dildir ve ES14 (ECMAScript 2023), heyecan verici yeni özellikler ve geliştirmeler sunacak şekilde ayarlanmıştır.

Bu makale, dil özellikleri ve önerilen standart kitaplık değişiklikleri dahil olmak üzere beklenen güncellemeleri ve bunların web geliştirme üzerindeki etkilerini incelemektedir.

1. Kayıt ve Demet Türleri

ES14, JavaScript'te karmaşık veri yapılarıyla çalışmayı basitleştiren kayıt ve demet türleri sunar. Kayıtlar nesnelere benzer, ancak sabit bir anahtar kümesi ve her bir değer için belirli bir tür vardır. Demetler, her öğe için belirli bir türe sahip sıralı değer koleksiyonlarıdır.

ES14'te kayıt ve demet türlerinin kullanımına bir örnek:

tip Kişi = {
isim: dizi;
yaş: sayı;
adres: [dize, dizi, sayı];
};

sabit john: Kişi = {
isim: "John",
yaş: 30,
adres: ["123 Ana Cad", "Herhangi bir kasaba", 12345],
};

instagram viewer

Bu örnekte bir Kişi türü, ad için bir dize, yaş için bir sayı ve için bir demet kullanılarak tanımlanır. sokak adresi için bir dize, şehir için bir dize ve posta kodu için bir sayı içeren adres kod. Kişi türü daha sonra John nesnesini oluşturmak için kullanılır.

2. Boru Hattı Operatörü

ES14, simgesiyle gösterilen boru hattı operatörünü tanıtır. |>, bu da geliştiricilerin dönüşümleri daha okunabilir bir şekilde zincirlemesine olanak tanır. Bu operatör ile her dönüşüm ayrı bir fonksiyon tarafından gerçekleştirilir.

ES14'te ardışık düzen operatörünün kullanımına bir örnek:

sabit sonuç = [1, 2, 3, 4, 5]
|> ((varış) => dizi.filtre((N) => N % 20))
|> ((varış) => dizi.harita((N) => N * 2))
|> ((varış) => dizi.azalt((bir, b) => bir + b));

konsol.log (sonuç); // Çıktı: 12

Ardışık düzen operatörünü kullanarak, [1, 2, 3, 4, 5] dizisi yalnızca çift sayıları içerecek şekilde filtrelenebilir. Daha sonra, her sayı ikiye katlanır ve daha sonra toplanır ve 12'lik bir nihai sonuç elde edilir.

3. Ok İşlevlerinde Adlandırılmış Parametreler

ES14 basitleştirir ok işlevleri adlandırılmış parametreleri tanıtarak, kodun okunabilirliğini ve bakımını iyileştirerek sözdizimi. Artık geliştiriciler, adlandırılmış parametreleri ok işlevlerine iletmek için nesne yıkımına güvenmek zorunda değildir; bunun yerine, bunları doğrudan fonksiyon tanımında tanımlayabilirler.

Örneğin, şu örneği göz önünde bulundurun:

sabit selam = ({ isim yaş }) => {
konsol.kayıt(“Merhaba, benim adım ${isim} ve ben ${yaş} yaşında.);
};

selamlaşmak({ isim: "John", yaş: 30 });
// Çıktı: Merhaba, benim adım John ve 30 yaşındayım.

Bu örnekte, bir ok alan selamlama adı verilen bir ok işlevi yapısı bozulmuş nesne isim ve yaş parametreleri ile tanımlanır. Ardından selamlama işlevi, ad ve yaş özelliklerini içeren bir nesneyle çağrılır.

4. Eşzamansız Yineleyiciler ve Oluşturucular

ES14 artık eşzamansız yineleyicileri ve üreteçleri destekleyerek verilerin bloke edilmeden tüketilmesine izin vererek eşzamansız veri kaynaklarıyla çalışmayı basitleştirir. İşte bir örnek:

zaman uyumsuzişlevveri almak() {
sabit cevap = beklemek gidip getirmek(" https://api.example.com/data");
sabit veri = beklemek yanıt.json();
geri dönmek veri;
}

zaman uyumsuzişlev* Veri işleme() {
sabit veri = beklemek getData();
için (sabit öğe ile ilgili veri) {
teslim olmak öğe * 2;
}
}

(zaman uyumsuz () => {
içinbeklemek (sabit sonuç ile ilgili Veri işleme()) {
konsol.log (sonuç);
}
})();

Bu örnekte, bir API'den veri almak ve onu JSON olarak döndürmek için getData adlı bir eşzamansız işlev oluşturulur. İkiyle çarpılan veri öğelerini almak ve elde etmek için bir zaman uyumsuz oluşturucu işlevi olan processData'yı tanımlar. Ardından, üreteçten konsola her sonucu kaydetmek için bir for-await-of döngüsü kullanılır.

ES14: Web Geliştirmeyi Güçlendirmek

ES14, JavaScript'e yeni özellikler ve iyileştirmeler getirerek kodu daha okunabilir ve bakımı yapılabilir hale getirir. Kayıt ve demet türleri, zaman uyumsuz yineleyiciler ve oluşturucular, geliştiricilere modern web geliştirme için güçlü araçlar sağlayan eklemeler arasındadır. ES14 ile güncel kalmak, iş piyasasında rekabet edebilirlik için hayati önem taşır.

JavaScript'te ve React gibi çerçevesinde uzmanlaşmak, deneyim seviyeniz ne olursa olsun web geliştirme topluluğundaki becerilerinizi ve değerinizi artırabilir.