Apa yang dilakukan dengan tanda titik koma di pustaka JavaScript?

Di beberapa perpustakaan JavaScript saya melihat notasi ini di awal:

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

Sementara saya sangat nyaman dengan sintaks "fungsi yang segera dieksekusi"

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

Saya bertanya-tanya untuk apa tanda koma itu. Yang bisa saya pikirkan hanyalah asuransi. Artinya, jika perpustakaan tertanam dalam kode lain, kereta, itu berfungsi sebagai "pernyataan terakhir berakhir di sini" jenis terbaru dari benjolan kecepatan.

Apakah ada fungsi lainnya?

Ini memungkinkan Anda untuk menggabungkan beberapa file JavaScript dengan aman menjadi satu, untuk menyajikannya lebih cepat sebagai satu permintaan HTTP.

Jawaban terbaik sebenarnya diberikan dalam pertanyaan, jadi saya hanya akan menuliskannya di sini untuk kejelasan:

Yang terdepan ;di depan ekspresi fungsi yang segera dipanggil ada untuk mencegah kesalahan saat menambahkan file selama penggabungan file yang berisi ekspresi yang tidak diakhiri dengan benar dengan a ;.

Praktik terbaik adalah menghentikan ekspresi Anda dengan titik koma, tetapi juga menggunakan titik koma sebagai pengamanan.

Secara umum, jika pernyataan dimulai dengan (, [, /, +, atau -, ada kemungkinan bahwa pernyataan itu dapat ditafsirkan sebagai kelanjutan dari pernyataan sebelumnya. Pernyataan yang dimulai dengan /, +, dan - sangat jarang dalam praktiknya) , tetapi pernyataan yang diawali dengan (dan [tidak jarang sama sekali, setidaknya dalam beberapa gaya pemrograman JavaScript. Beberapa programmer suka meletakkan tanda titik koma di awal pernyataan seperti itu sehingga akan terus bekerja dengan benar bahkan jika pernyataan itu sebelum dimodifikasi dan tanda titik koma yang dihapus sebelumnya dihapus:

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

Sumber:

JavaScript: Panduan Definitif, edisi ke-6

Ini disebut sebagai titik koma terkemuka.

Tujuan utamanya adalah untuk melindungi diri dari kode sebelumnya yang ditutup secara tidak benar, yang dapat menyebabkan masalah. Tanda titik koma akan mencegah hal ini terjadi. Jika kode sebelumnya ditutup tidak semestinya maka titik koma kami akan memperbaikinya. Jika ditutup dengan benar maka titik koma kami tidak akan berbahaya dan tidak akan ada efek samping.

Jawaban satu baris adalah menggabungkan beberapa file JavaScript dengan aman. Menggunakan titik koma tidak menimbulkan masalah.

Misalkan Anda memiliki beberapa fungsi:

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

Pada penggabungan mungkin terlihat seperti:

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

Tetapi jika Anda menambahkan titik koma sebelum fungsi itu akan terlihat seperti:

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

Jadi dengan menambahkan a ;, berhati-hatilah jika ekspresi apa pun tidak diakhiri dengan benar.

Contoh 2

Asumsikan Anda memiliki file JavaScript dengan variabel:

var someVar = "myVar"

File JavaScript lain dengan beberapa fungsi:

(function(){})()

Sekarang pada penggabungan akan terlihat seperti

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

Dengan titik koma, akan terlihat seperti:

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

Ada baiknya saat Anda memperkecil kode JavaScript. Ini mencegah kesalahan sintaks yang tidak terduga.