Co robi wiodący średnik w bibliotekach JavaScript?

W kilku bibliotekach JavaScript widziałem na samym początku ten zapis:

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

Chociaż czuję się doskonale ze składnią „funkcji wykonywanej natychmiast”

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

Zastanawiałem się, do czego służy wiodący średnik. Wszystko, co mogłem wymyślić, to to, że jest to ubezpieczenie. Oznacza to, że jeśli biblioteka jest osadzona w innym, błędnym kodzie, służy jako „ostatnia instrukcja kończy się tutaj najpóźniej”.

Czy ma jakieś inne funkcje?

Umożliwia bezpieczne łączenie kilku plików JavaScript w jeden, aby obsługiwać je szybciej jako jedno żądanie HTTP.

Właściwie najlepsza odpowiedź została udzielona w pytaniu, więc dla jasności zapiszę to tutaj:

Początek ;przed natychmiastowo wywołanymi wyrażeniami funkcyjnymi ma na celu zapobieganie błędom podczas dołączania pliku podczas konkatenacji do pliku zawierającego wyrażenie, które nie zostało poprawnie zakończone rozszerzeniem ;.

Najlepszą praktyką jest kończenie wyrażeń średnikami, ale jako zabezpieczenie należy również użyć wiodącego średnika.

Ogólnie rzecz biorąc, jeśli zdanie zaczyna się od (, [, /, + lub -, jest szansa, że ​​mogłoby zostać zinterpretowane jako kontynuacja wcześniejszego stwierdzenia. Zdania zaczynające się od /, + i - są w praktyce dość rzadkie) , ale instrukcje zaczynające się od (i [nie są wcale rzadkie, przynajmniej w niektórych stylach programowania JavaScript. Niektórzy programiści lubią umieszczać ochronny średnik na początku każdego takiego oświadczenia, aby działało ono poprawnie, nawet jeśli instrukcja zanim zostanie zmodyfikowany i usunięty wcześniej kończący średnik:

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

Źródło:

JavaScript: The Definitive Guide, 6. wydanie

Nazywa się to początkowym średnikiem.

Jego głównym celem jest ochrona przed poprzedzającym kodem, który został nieprawidłowo zamknięty, co może powodować problemy. Zapobiegnie temu średnik. Jeśli poprzedni kod został nieprawidłowo zamknięty, nasz średnik to poprawi. Jeśli był poprawnie zamknięty, nasz średnik będzie nieszkodliwy i nie będzie żadnych skutków ubocznych.

Jednowierszową odpowiedzią jest bezpieczne połączenie wielu plików JavaScript. Używanie średnika nie powoduje problemu.

Załóżmy, że masz wiele funkcji:

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

Na konkatenacji może to wyglądać następująco:

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

Ale jeśli dodasz średnik przed funkcją, będzie to wyglądać tak:

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

Więc dodając a ;, zwraca uwagę, czy jakiekolwiek wyrażenie nie jest poprawnie zakończone.

Przykład 2

Załóżmy, że masz plik JavaScript ze zmienną:

var someVar = "myVar"

Kolejny plik JavaScript z pewną funkcją:

(function(){})()

Teraz po konkatenacji będzie to wyglądać

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

Z średnikiem będzie wyglądać następująco:

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

Dobrze jest, gdy minimalizujesz kod JavaScript. Zapobiega nieoczekiwanym błędom składniowym.