JavaScript kitaplıklarındaki önde gelen noktalı virgül ne işe yarar?

Birkaç JavaScript kütüphanesinde bu gösterimi en başında gördüm:

/**
 * Library XYZ
 */
;(function () {
  // ... and so on

"Hemen yürütülen işlev" sözdiziminde son derece rahatım

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

Baştaki noktalı virgülün ne için olduğunu merak ediyordum. Gelebileceğim tek şey bunun bir sigorta olması. Yani, kütüphane başka bir buggy koduna gömülmüşse, "son ifade burada en sonda biter" türünde bir hız tümseği işlevi görür.

Başka bir işlevi var mı?

Tek bir HTTP isteği olarak daha hızlı hizmet vermek için birkaç JavaScript dosyasını güvenli bir şekilde bir araya getirmenize izin verir.

En iyi cevap aslında soruda verildi, bu yüzden bunu netlik için buraya yazacağım:

Önde gelen ;düzgün ile sonlandırıldı bir ifade ihtiva eden bir dosyaya birleştirme sırasında dosyayı eklerken hataları önlemek için hemen-çağrılan işlev ifadeleri önünde bulunmaktadır edilir ;.

En iyi uygulama, ifadelerinizi noktalı virgülle sonlandırmak, ancak önde gelen noktalı virgülü bir koruma olarak kullanmaktır.

Genel olarak, bir ifade (, [, /, + veya - ile başlıyorsa, ifadenin daha önce ifadenin devamı olarak yorumlanması ihtimali vardır. /, + Ve - ile başlayan ifadeler uygulamada oldukça nadirdir , ancak en azından bazı JavaScript programlama stillerinde başlayan (ve hiç de nadir değildir) Bazı programcılar, herhangi bir ifadenin başına bir savunma noktalı virgül koymayı sever, böylece ifade doğru olsa bile düzgün çalışmaya devam eder değiştirilmeden ve önceden sonlandırılmış bir noktalı virgül kaldırılmadan önce:

var x = 0 // Semicolon omitted here
;[x,x+1,x+2].forEach(console.log) // Defensive ; keeps this statement separate

Kaynak:

JavaScript: Kesin Kılavuz, 6. baskı

Buna önde gelen noktalı virgül denir.

Ana amacı, yanlış kapatılmış ve sorunlara neden olabilecek önceki kodlardan korunmaktır. Noktalı virgül bunun olmasını engelleyecektir. Önceki kod yanlış kapatılmışsa noktalı virgül bunu düzeltir. Düzgün kapatıldıysa noktalı virgülümüz zararsız olacak ve yan etkisi olmayacaktır.

Tek satırlık bir cevap, birden fazla JavaScript dosyasını güvenli bir şekilde birleştirmektir. Noktalı virgül kullanmak sorun yaratmaz.

Birden fazla fonksiyonunuz olduğunu varsayalım:

IIFE 1

(function(){
  // The rest of the code
})(); // Note it is an IIFE

IIFE 2

(function(){
   // The rest of the code
})(); // Note it is also an IIFE

Birleştirmede şöyle görünebilir:

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

Ancak işlevden önce noktalı virgül eklerseniz şu şekilde görünür:

;(function(){})();(function(){})()

Dolayısıyla a ekleyerek ;herhangi bir ifadenin düzgün bir şekilde sonlandırılmamasına dikkat eder.

ÖRNEK 2

Değişkenli bir JavaScript dosyanız olduğunu varsayın:

var someVar = "myVar"

Bazı işlevleri olan başka bir JavaScript dosyası:

(function(){})()

Şimdi birleştirme sırasında şöyle görünecek

var someVar = "myVar"(function(){})() // It may give rise to an error

Noktalı virgülle şöyle görünecektir:

var someVar = "myVar";(function(){})()

JavaScript kodunu küçültmeniz iyi olur. Beklenmeyen sözdizimi hatalarını önler.