Was macht das führende Semikolon in JavaScript-Bibliotheken?

In mehreren JavaScript-Bibliotheken habe ich diese Notation ganz am Anfang gesehen:

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

Während ich mit der Syntax "sofort ausgeführte Funktion" vollkommen vertraut bin

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

Ich habe mich gefragt, wofür das führende Semikolon ist. Ich könnte mir nur vorstellen, dass es sich um eine Versicherung handelt. Das heißt, wenn die Bibliothek in anderen fehlerhaften Code eingebettet ist, dient sie als Geschwindigkeitsbegrenzung "Die letzte Anweisung endet hier spätestens".

Hat es noch andere Funktionen?

Sie können mehrere JavaScript-Dateien sicher zu einer verketten, um sie schneller als eine HTTP-Anforderung bereitzustellen.

Die beste Antwort wurde tatsächlich in der Frage gegeben, deshalb werde ich das hier zur Klarheit nur aufschreiben:

Der Hinweis ;vor sofort aufgerufenen Funktionsausdrücken dient dazu, Fehler beim Anhängen der Datei während der Verkettung an eine Datei zu vermeiden, die einen Ausdruck enthält, der nicht ordnungsgemäß mit a abgeschlossen wurde ;.

Es wird empfohlen, Ihre Ausdrücke mit Semikolons zu beenden, aber auch das führende Semikolon als Schutz zu verwenden.

Wenn eine Anweisung mit (, [, /, + oder - beginnt, besteht im Allgemeinen die Möglichkeit, dass sie als Fortsetzung der vorherigen Anweisung interpretiert wird. Anweisungen, die mit /, + und - beginnen, sind in der Praxis recht selten , aber Anweisungen, die mit (und [beginnen, sind zumindest in einigen Stilen der JavaScript-Programmierung keine Seltenheit. Einige Programmierer setzen am Anfang einer solchen Anweisung ein defensives Semikolon, damit sie auch dann ordnungsgemäß funktioniert, wenn die Anweisung korrekt ist bevor es geändert und ein zuvor abschließendes Semikolon entfernt wird:

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

Quelle:

JavaScript: The Definitive Guide, 6. Ausgabe

Dies wird als führendes Semikolon bezeichnet.

Sein Hauptzweck ist es, sich vor vorherigem Code zu schützen, der nicht ordnungsgemäß geschlossen wurde, was zu Problemen führen kann. Ein Semikolon verhindert dies. Wenn der vorhergehende Code nicht ordnungsgemäß geschlossen wurde, korrigiert unser Semikolon dies. Wenn es richtig geschlossen wurde, ist unser Semikolon harmlos und es treten keine Nebenwirkungen auf.

Eine einzeilige Antwort besteht darin, mehrere JavaScript-Dateien sicher zu verketten. Die Verwendung eines Semikolons wirft kein Problem auf.

Angenommen, Sie haben mehrere Funktionen:

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

Bei der Verkettung kann es so aussehen:

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

Wenn Sie jedoch vor der Funktion ein Semikolon hinzufügen, sieht es folgendermaßen aus:

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

Also durch Hinzufügen eines ; wird also darauf geachtet, dass ein Ausdruck nicht ordnungsgemäß beendet wird.

Beispiel 2

Angenommen, Sie haben eine JavaScript-Datei mit einer Variablen:

var someVar = "myVar"

Eine weitere JavaScript-Datei mit einigen Funktionen:

(function(){})()

Jetzt bei der Verkettung wird es so aussehen

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

Mit einem Semikolon sieht es so aus:

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

Es ist gut, wenn Sie JavaScript-Code minimieren. Es verhindert unerwartete Syntaxfehler.