Kullanmaya başlamanız gereken 5 JavaScript ES12 özelliği

ECMAScript 2021 (12. baskı) artık mevcuttur ve yeni özellikler ve sözdizimi iyileştirmeleri ile birlikte gelir. Spesifikasyonlar 22 Haziran 2021’de ECMA International tarafından nihai hale getirildi. Bu iyileştirmeler JavaScript’i daha sağlam hale getirmek ve geliştiricilerin görevlerini kolayca yerine getirmelerine yardımcı olmak için uygulandı.

Projelerinizde kullanmaya başlayabilmeniz ve JavaScript deneyiminizi geliştirebilmeniz için ECMAScript 2021 tarafından sunulan en iyi 5 özelliği ayrıntılı olarak göstereceğim. Yeni başlayanlar ve deneyimli geliştiriciler bu makaleden yararlanabilir.

ECMAScript 2021 Güncellemesi Tarafından Sunulan En İyi 5 JavaScript Özelliği

  1. Sayısal Ayırıcılar
  2. String.prototype.replaceAll
  3. Promise.any() ve AggregateError
  4. Mantıksal Atama Operatörleri
  5. Özel Sınıf Yöntemleri ve Erişimciler

1. Sayısal Ayırıcılar

Sayısal ayırıcılar, değişmez sayılardaki rakamlar arasına alt çizgi eklemenize olanak tanır ve bu da onları daha okunaklı hale getirir. Dosyalar ayrıştırıldığında bu alt çizgiler otomatik olarak çıkarılacaktır. Sayısal ayırıcıları nasıl kullanabileceğinizi anlamak için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/16037a9e24986dfe44b0130ba886fd92

2. String.prototype.replaceAll

replaceAll()Dize prototip üzerinde fonksiyon düzenli ifade kullanmadan, bir alt dize tüm örneklerini yerini tanır. Eğer replace()bir ipe kullanılır, yalnızca o değerin ilk örneğini değiştirir. Öte yandan, replaceAll()bu değerin tüm örneklerini değiştirme işlevselliği sağlar. nasıl kullanabileceğinizi anlamak için aşağıdaki kod parçacığına bakın replaceAll().https://levelup.gitconnected.com/media/51d220bfa8248b79d5223c3ba39088ce

3. Promise.any() ve AggregateError

Promise.anyTam tersidir Promise.all()Promise.any()vaatlerden herhangi biri çözülürse tetiklenir. Öte yandan, Promise.all()tüm sözler çözülene kadar bekleyecek. Farklılıklar aşağıda any()all()ve allSettled().

  • any() — Bu, en az bir söz çözülürse yürütülür ve tüm sözler reddedilirse reddedilir.
  • all() — Bu, tüm sözler çözülürse yürütülür ve en az bir söz reddedilirse reddedilir.
  • allSettled() — Bu, tüm sözler çözülmüş veya reddedilmişse yürütülür.

Nasıl kullanabileceğinizi anlamak için aşağıdaki kod parçacığına bakın. Promise.any().https://levelup.gitconnected.com/media/7b433065ffe10406b2b346d6218a7f47

Tüm Sözler reddedilirse, bir AggregateError İstisnası atılır. İstisnayı nasıl ele alabileceğinizi anlamak için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/181c79a71d67f05fade4482987d8924c

4. Mantıksal Atama Operatörleri

ECMAScript 2021 güncellemesinde üç mantıksal atama operatörü tanıtıldı. Bunlar, mantıksal işleçlerin ve atama ifadelerinin bir kombinasyonunu sağlar.

  • Mantıksal VEYA atama operatörü ||=
  • Mantıksal VE atama operatörü &&=
  • Null birleştirici atama operatörü ??=

4.1. Mantıksal VEYA atama operatörü

Mantıksal VEYA atama operatörü ||=iki işleneni kabul eder ve sol işlenen yanlışsa sağ işleneni sol işlenene atar. Mantıksal VEYA atama operatörünü nasıl kullanabileceğinizi öğrenmek için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/a5a8ce10e64b0281212aff452120bd81

Mantıksal VEYA atama operatörü kısa devre yapıyor. Bu operatör ||=, mantıksal VEYA operatörünü kullanan aşağıdaki ifadeye eşdeğerdir.

bir || (a = b)

4.2. Mantıksal VE atama operatörü

Mantıksal AND atama operatörü &&=, sol işlenen doğruysa yalnızca sağ işleneni sol işlenene atar. Mantıksal AND atama operatörünü nasıl kullanabileceğinizi öğrenmek için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/45afad932f879308d37a947acb99d80b

Mantıksal AND atama operatörü de kısa devre yapar. Bu operatör &&=, mantıksal AND operatörünü kullanan aşağıdaki ifadeye eşdeğerdir.

bir && (a = b)

4.3. Null birleştirici atama operatörü

Boş birleştirici atama operatörü ??=, sol işlenen boş veya tanımsızsa yalnızca sağ işleneni sol işlenene atar. Boş birleştirici atama operatörünü nasıl kullanabileceğinizi öğrenmek için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/3461ed86ee9d1424b2c83ac173aea503

Boş birleştirici atama operatörü de kısa devre yapar. Bu operatör ??= , boş birleştirme operatörünü kullanan aşağıdaki ifadeye eşdeğerdir.

a ?? (a = b)

5. Özel Sınıf Yöntemleri ve Erişimciler

Sınıf yöntemleri ve özellikleri varsayılan olarak geneldir, ancak özel yöntemler ve özellikler bir karma #önek kullanılarak oluşturulabilir . Gizlilik kapsüllemesi, ECMAScript 2021 güncellemesinden zorunlu kılınmıştır. Bu özel yöntemlere ve özelliklere yalnızca sınıfın içinden erişilebilir. Özel yöntemleri nasıl kullanabileceğinizi öğrenmek için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/f6b9c829ace14c6bf31331f8a9da4ab5

Özel erişimciler — özel Getters ve Setters. Bir Getter, bir sınıf özelliğinin değerini getirmenize izin verir ve bir Setter, bir sınıf özelliğine bir değer atamanıza izin verir. Bir hash #öneki kullanarak özel bir alıcı tanımlayabilirsiniz .

#newAccountPassword() {} al

Benzer şekilde, bir hash #öneki kullanarak özel bir ayarlayıcı tanımlayabilirsiniz .

#generateAccountPassword(newPassword) {} ​​ayarla

Özel Getters ve Setters’ı nasıl kullanabileceğinizi öğrenmek için aşağıdaki kod parçacığına bakın.https://levelup.gitconnected.com/media/f91b871f707fb091df605871d745e08b

Tebrikler! JavaScript ES12 (ECMAScript 2021) güncellemesinin sunduğu özellikleri öğrenmeyi tamamladınız. Şimdi devam edebilir ve yukarıdaki özellikleri mevcut veya gelecek projelerinize uygulamaya başlayabilirsiniz.


Makalenin orjinal kaynağını bu linkten okuyabilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

This site uses Akismet to reduce spam. Learn how your comment data is processed.