javascript işlevi lider patlama! sözdizimi

Bu sözdizimini birkaç kütüphanede görüyorum ve bunun ne faydası olduğunu merak ediyorum. (Ben iyi kapanışları ve kodun ne yaptığını biliyorum, ben sadece sözdizimsel farklılıkları hakkında endişe)

!function(){
  // do stuff
}();

Daha yaygın olanlara alternatif olarak

(function(){
  // do stuff
})();

kendiliğinden çalışan anonim işlevler için.

Birkaç şey merak ediyorum. İlk olarak, en iyi örneğin gerçekten çalışmasına izin veren nedir? Bu ifadeyi sözdizimsel olarak doğru hale getirmek için patlama neden gereklidir? Bana bunun +işe yaradığı söylendi ve eminim bazılarının yerine!

İkincisi, faydası nedir? Tek söyleyebileceğim tek bir karakter kurtardığı, ancak bunun çok sayıda evlat edinen için büyük bir fayda olduğunu hayal edemiyorum. Kaybettiğim başka bir fayda var mı?

Görebildiğim diğer tek fark, kendini çağırma işlevinin dönüş değeri olacaktır, ancak bu örneklerin her ikisinde de, yalnızca bir kapatma oluşturmak için kullanıldığından işlevin dönüş değerini gerçekten umursamıyoruz. Birisi bana neden birinin ilk sözdizimini kullanabileceğini söyleyebilir mi?

İdeal olarak, tüm bunları basitçe şu şekilde yapabilmelisiniz:

function(){
  // do stuff
}(); 

Bu, anonim işlevi bildirmek ve yürütmek demektir. Ancak bu, JS dilbilgisinin özellikleri nedeniyle çalışmaz.

Bunu başarmanın en kısa yolu bazı ifadeler kullanmaktır, örneğin UnaryExpression (ve bu yüzden CallExpression):

!function(){
  // do stuff
}(); 

Veya eğlence için:

-function(){
  // do stuff
}(); 

Veya:

+function(){
  // do stuff
}(); 

Ya da:

~function(){
  // do stuff
  return 0;
}( );

Javascript'te, ile başlayan bir satırın functionbir işlev ifadesi olması beklenir ve

function doSomething() {
}

Kendini çağıran bir işlev

function(){
  // do stuff
}();

bu forma sığmaz (ve işlev adı olmadığından ilk açılış pareninde bir sözdizimi hatasına neden olur), bu nedenle köşeli parantezler anonim bir işlev ifadesini tanımlamak için kullanılır .

(function(){
  // do stuff
})();

Fakat bir ifade yaratan her şey (bir işlev ifadesinin aksine) bunu yapar, dolayısıyla !. Tercümana bunun bir işlev ifadesi olmadığını söylüyor. Bunun dışında, operatör önceliği işlevin olumsuzlamadan önce çağrıldığını belirtir.

Bu sözleşmenin farkında değildim, ancak yaygınlaşırsa okunabilirliğe katkıda bulunabilir. Demek istediğim, !functionbüyük bir kod bloğunun üst kısmında okuyan herkesin kendini çağırma beklediği, gördüğümüzde zaten aynı şeyi beklememiz şart (function. Ancak o sinir bozucu parantezleri kaybedeceğiz. Hız veya karakter sayısındaki herhangi bir tasarrufun aksine, bu yüzden beklerdim.

Zaten söylenen şeylerin yanı sıra,! noktalı virgül olmadan javascript yazarsanız yararlıdır:

var i = 1
!function(){
  console.log('ham')
}()

i = 2
(function(){
  console.log('cheese')
})()

İlk örnek beklendiği gibi 'ham' çıktısını verir, ancak i = 2 ifadesi aşağıdaki parantez nedeniyle sonlandırılmadığından ikincisi hata verir.

Ayrıca birleştirilmiş javascript dosyalarında, önceki kodda noktalı virgül yoksa endişelenmenize gerek yoktur. Yani ortak olana gerek yok; (function () {}) (); kendinizin kırılmayacağından emin olmak için.

Cevabımın biraz geç olduğunu biliyorum ama sanırım henüz bahsedilmedi :)

Bir kere, jsPerf !(UnaryExpression) kullanmanın genellikle daha hızlı olduğunu gösterir. Bazen eşit olmaya gelirler, ancak değilken, çarptım olmayan bir zaferi henüz diğerleri üzerinde çok fazla görmedim : http://jsperf.com/bang-function

Bu, en eski Ubuntu'da test edilmiştir (her biri için ..) Chrome, sürüm 8 ile.

Edit: Nasıl deli gibi bir şey delete?

delete function() {
   alert("Hi!"); 
}();

veya void?

void function() {
   alert("Hi!"); 
}();

Gördüğünüz gibi burada , kullandığı javascript kendini çağrılan yöntemleri yapmanın en iyi yolu:

(function(){}()); -> 76,827,475 ops/sec

!function(){}();  -> 69,699,155 ops/sec

(function(){})(); -> 69,564,370 ops/sec

Yani, olumsuzluk "!" +, -, ~ gibi tüm tekli operatörlere sil, geçersiz, çok fazla şey söylendi, sadece özetle:

!function(){
  alert("Hi!");
}(); 

Veya

void function(){
  alert("Hi!");
}();

Veya

delete function(){
  alert("Hi!");
}();

Ve ikili operatörlerle ilgili birkaç örnek daha eğlence için :)

1 > function() {
   alert("Hi!"); 
}();

Veya

1 * function() {
   alert("Hi!"); 
}();

Veya

1 >>> function() {
   alert("Hi!"); 
}();

Ya da

1 == function() {
   alert("Hi!"); 
}();

Üçüncüyü başkası için terk etmek çocuklar :)