JavaScript'te anonim bir işlev yazmayın

Temelde “Anonim” olarak doğru bildiğimiz, kim oldukları hakkında tam bilgi sahibi olmadığımız biri gibi mi? onlar nerede? ve bunun gibi. Bu yazımızda JavaScript'teki “Anonim” teriminin ilişkisini açıklamaya çalışacağız.

Çoğunlukla JavaSript ile günlük olarak çalışıyoruz, "işlev" yazmaktan ayrılamayız, ya sadece bir toplam yaparız ya a + b + cda bir yan etki gibi bir şeyi hallederiz. Temel olarak, "hey, işlevinizi bu şekilde yazmalısınız" şeklinde kesin bir kalıp yoktur , ancak JavaScript, takip edebileceğimiz bazı türler sunar, örneğin:

1. Bildirim işlevi
2. İfade olarak işlev
3. Yapıcı olarak işlev

(function () {
  throw new Error("here");
})();

Kodumuzun büyük olduğunu ve çalıştırılması gereken 1001 fonksiyon olduğunu ve ardından 900 nolu fonksiyonda istenmeyen bir hata olduğunu düşünün, çünkü fonksiyonu anonim olarak yazdık, bu yüzden fonksiyonun adının ne olduğunu ve hatanın nerede olduğunu bilmiyoruz. dır-dir.

Hata ayıklamamız bizim için zor olacak. Anonim fonksiyonların geliştirme sırasında düşman bile olabileceğini söylediğim şey buydu, hatta o fonksiyonu kendimiz yazsak bile, belki de geri zamanda.

Çoğu zaman aklımızda şu soru olur, bu fonksiyon ne anlama geliyor? bu işlev yürütüldüğünde? bu işlevi depomuza nereye yerleştiriyoruz? belki de bu soru sadece kendi başımıza inşa edersek (serbest olarak) nadiren ortaya çıkar, ama diyelim ki büyük bir ekipten geliyoruz? ve sonra başka bir üye bu sorunu çözmeye çalışırsa, hatanın temel nedenini bulmak onların zamanını alacaktır.

Ancak, fonksiyonumuzun adını buna benzer bir şekilde vermeye çalışırsak, bu farklı bir hikaye.

(function thisIsOurFunction() {
  throw new Error("oops");
})();

thisIsOurfunctionÖn görüntüde, hatanın aynı zamanda bu hatayı nerede düzeltebileceğimizi gösteren işlev adımızı da yazdırdığını görüyoruz .

Bu sadece React, Vue, Angular veya Svelte'de mi uygulanıyor? Hayır, bu, üretimde bir aksaklık olup olmadığından emin olmak için kodumuza uygulamamız gereken agnostik bir yaklaşımdır, bu hatayı düzeltmeye çalışan diğer üyelerde kendimiz için bile kolayca takip edebiliriz.

Projeniz/reponuz ESLint yapılandırmasıyla geliyorsa, bu eklentileri eslint-plugin-import/no-anonymous yüklemeyi deneyebilirsiniz, bu, kodumuzu yazarken onu algılamamızı kolaylaştırabilir.