Anonim JavaScript işlevlerini otomatik olarak yürütmek için parantez konumu?

Yakın zamanda json2.js'nin mevcut sürümünü projemdeki sürümle karşılaştırıyordum ve işlev ifadesinin nasıl oluşturulduğu ve kendiliğinden yürütüldüğü konusunda bir fark gördüm.

Anonim bir işlevi parantez içine almak ve ardından çalıştırmak için kullanılan kod,

(function () {
  // code here
})();

ancak şimdi otomatik olarak yürütülen işlevi parantez içine alıyor.

(function () {
  // code here
}());

Açıkla JavaScript'in kapsüllenmiş anonim işlev söz diziminin kabul edilen yanıtında CMS tarafından "hem: (function(){})();hem (function(){}());de geçerli" şeklinde bir yorum bulunmaktadır.

Farkın ne olduğunu merak ediyordum. İlki, küresel, anonim bir işlev bırakarak hafızayı alıyor mu? Parantez nerede bulunmalıdır?

Neredeyse aynılar.

İlki, geçerli bir ifade yapmak için bir işlevin etrafına parantezler sarar ve onu çağırır. İfadenin sonucu tanımsız.

İkincisi işlevi çalıştırır ve otomatik çağrının etrafındaki parantezler onu geçerli bir ifade yapar. Ayrıca tanımsız olarak değerlendirilir.

İfadenin sonucu aynı olduğu için bunu yapmanın "doğru" bir yolu olduğunu sanmıyorum.

> function(){}()
SyntaxError: Unexpected token (
> (function(){})()
undefined
> (function(){return 'foo'})()
"foo"
> (function(){ return 'foo'}())
"foo"

Bu durumda önemli değil. İlk tanımdaki bir işleve çözümlenen ve ikinci örnekte bir işlevi tanımlayan ve hemen çağıran bir ifade çağırıyorsunuz. Benzerler çünkü ilk örnekteki fonksiyon ifadesi sadece fonksiyon tanımıdır.

İşlevlere çözümlenen ifadeleri çağırmak için daha açık bir şekilde yararlı olan başka durumlar vardır:

(foo || bar)()

Sözdiziminin ötesinde herhangi bir fark yoktur.

Bunu yapmanın ikinci yöntemiyle ilgili endişelerinizle ilgili olarak:

Düşünmek:

(function namedfunc () { ... }())

namedfuncadı vermiş olmanıza rağmen yine de genel kapsamda olmayacaktır. Aynı şey anonim işlevler için de geçerli. Bu kapsamda almanın tek yolu, onu parens içindeki bir değişkene atamaktır.

((namedfunc = function namedfunc () { ... })())

Dış parantezler gereksizdir:

(namedfunc = function namedfunc () { ... })()

Ama yine de bu küresel bildirimi istemedin, değil mi?

Yani şu şekilde özetlenebilir:

(function namedfunc () { ... })()

Ve bunu daha da azaltabilirsiniz: asla kullanılmayacağı için isim gereksizdir (işleviniz özyinelemeli değilse ve o zaman bile kullanabilirsiniz arguments.callee)

(function () { ... })()

Düşünme şeklim bu (yanlış olabilir, henüz ECMAScript spesifikasyonunu okumadım). Umarım yardımcı olur.

Douglas Crockford Fark, sadece mevcut gibi değil ilk stil IIFEs ! (seriuosly) Bu videoda da görebileceğiniz gibi !! .

Fazladan sarmalamanın (){her iki stilde} var olmasının tek nedeni, İşlev İfadesinin bu bölümünün yapılmasına yardımcı olmaktır , çünkü İşlev Bildirimi hemen çağrılamaz. Bazı komut / adil kullanım küçültmek-ERS +, !, -ve ~bunun yerine çok parantez. Bunun gibi:

+function() {  
    var foo = 'bar';  
}();

!function() {  
    var foo = 'bar';  
}();

-function() {  
    var foo = 'bar';  
}();

~function() {  
    var foo = 'bar';  
}();

Ve tüm bunlar alternatiflerinizle tamamen aynı. Bu durumlar arasından seçim yapmak tamamen size aittir ve hiçbir fark yaratmaz. { 1 Bayt büyük Dosya() üreten olanlar ;-)}