JavaScriptライブラリの先頭のセミコロンは何をしますか？

いくつかのJavaScriptライブラリでは、この表記を最初に見ました。

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

「すぐに実行される関数」構文に完全に慣れている

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

先頭のセミコロンの目的は何なのかと思っていました。私が思いつくことができるすべてはそれが保険であることです。つまり、ライブラリがバグのある他のコードに埋め込まれている場合、それは「最後のステートメントが最後にここで終わる」一種のスピードバンプとして機能します。

他の機能はありますか？

複数のJavaScriptファイルを1つに安全に連結して、1つのHTTPリクエストとしてより速く処理することができます。

最良の答えは実際に質問で与えられたので、明確にするためにここにそれを書き留めます：

一流;適切で終了していない表現を含むファイルへの連結時にファイルを追加する際にエラーを防止するために、すぐに、呼び出される関数式の前に存在しています;。

式をセミコロンで終了することをお勧めしますが、先頭のセミコロンも安全策として使用してください。

一般に、ステートメントが（、[、/、+、または-で始まる場合は、前のステートメントの継続として解釈される可能性があります。/、+、および-で始まるステートメントは、実際には非常にまれですただし、（および[で始まるステートメントは、少なくとも一部のスタイルのJavaScriptプログラミングでは珍しくありません。一部のプログラマーは、そのようなステートメントの先頭に防御的セミコロンを配置して、ステートメントが正常に機能し続けるようにするそれが変更され、以前に終了していたセミコロンが削除される前：

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

ソース：

JavaScript：The Definitive Guide、第6版

これは、先行セミコロンと呼ばれます。

その主な目的は、問題を引き起こす可能性のある、不適切に閉じられた前のコードから自身を保護することです。セミコロンはこれが起こらないようにします。上記のコードが不適切に閉じられた場合、セミコロンがこれを修正します。正しく閉じられていれば、セミコロンは無害であり、副作用はありません。

1行の答えは、複数のJavaScriptファイルを安全に連結することです。セミコロンを使用しても問題は発生しません。

複数の関数があるとします。

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

連結すると、次のようになります。

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

ただし、関数の前にセミコロンを追加すると、次のようになります。

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

したがって、 ;こと、式が適切に終了していない場合に注意が必要です。

例2

変数を含むJavaScriptファイルがあるとします。

var someVar = "myVar"

いくつかの機能を持つ別のJavaScriptファイル：

(function(){})()

連結すると次のようになります

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

セミコロンを使用すると、次のようになります。

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

JavaScriptコードを縮小すると良いでしょう。予期しない構文エラーを防ぎます。