Do czego służy średnik wiodący w bibliotekach JavaScript?

NAJLEPSZA odpowiedź została rzeczywiście podana w pytaniu, więc napiszę to tutaj dla jasności:

Początek ; przed wywołanymi bezpośrednio wyrażeniami funkcji służy do zapobiegania błędom podczas dodawania pliku podczas łączenia do pliku zawierającego wyrażenie, które nie jest poprawnie zakończone ;.

Najlepszą praktyką jest zakończenie wyrażeń średnikami, ale także użycie średnika wiodącego jako zabezpieczenia.

Ogólnie rzecz biorąc, jeśli wyrażenie zaczyna się od (, [,/,+, lub -, istnieje szansa, że może być interpretowane jako kontynuacja wcześniejszego stwierdzenia. Wypowiedzi zaczynające się na/, + , i - są dość rzadkie w praktyce, ale wypowiedzi zaczynające się od (i [ nie są rzadkością w ogóle, przynajmniej w niektórych stylach programowania JavaScript. Niektórzy programiści jak umieścić średnik obronny na początku każdego takiego stwierdzenia, tak aby kontynuuj pracę poprawnie nawet jeśli instrukcja przed jej modyfikacją i wcześniej usunięto średnik końcowy:

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, 6th edition

jest to określane jako średnik wiodący.

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

Jednolinijkową odpowiedzią jest bezpieczne łączenie wielu plików JavaScript. Użycie ś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 wyglądać tak:

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

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

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

Więc dodając ;, dba o to, czy jakiekolwiek wyrażenie nie jest poprawnie / align = "left" /

Przykład 2

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

var someVar = "myVar"

Kolejny plik JavaScript z jakąś funkcją:

(function(){})()

Teraz na konkatenacji będzie to wyglądało

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

Z dwukropkiem będzie wyglądać tak:

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

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