Что делает ведущая точка с запятой в библиотеках JavaScript?

В нескольких библиотеках JavaScript я видел эту запись в самом начале:

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

Хотя мне вполне комфортно с синтаксисом «немедленно выполняемая функция»

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

Мне было интересно, для чего используется главная точка с запятой. Все, что я мог придумать, это то, что это страховка. То есть, если библиотека встроена в другой, глючный код, она служит в качестве «скачка скорости» последнего оператора, заканчивающегося здесь самым последним.

Есть ли у него другие функциональные возможности?

Он позволяет безопасно объединить несколько файлов JavaScript в один, чтобы он быстрее обслуживался как один HTTP-запрос.

На самом деле лучший ответ был дан в вопросе, поэтому я просто напишу это здесь для ясности:

;Перед прямыми вызываемыми функциональными выражениями стоит ведущая строка, чтобы предотвратить ошибки при добавлении файла во время конкатенации к файлу, содержащему выражение, которое не заканчивается должным образом с помощью символа ;.

Лучшая практика - заключать выражения в точки с запятой, но также использовать начальную точку с запятой в качестве гарантии.

В общем случае, если оператор начинается с (, [, /, + или -, есть вероятность, что его можно интерпретировать как продолжение предыдущего оператора. Утверждения, начинающиеся с /, + и -, довольно редки на практике , но операторы, начинающиеся с (и [, не являются чем-то необычным, по крайней мере, в некоторых стилях программирования JavaScript. Некоторым программистам нравится ставить защитную точку с запятой в начале любого такого оператора, чтобы он продолжал работать правильно, даже если оператор перед его изменением и удалением завершающей точки с запятой:

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

Источник:

JavaScript: Полное руководство, 6-е издание

Это называется ведущей точкой с запятой.

Его основная цель - защитить себя от неправильного закрытия предыдущего кода, что может вызвать проблемы. Точка с запятой предотвратит это. Если предыдущий код был неправильно закрыт, то наша точка с запятой исправит это. Если он был правильно закрыт, то наша точка с запятой будет безвредной и не будет побочных эффектов.

Ответ в одну строку - безопасно объединить несколько файлов 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(){})()

Таким образом, добавляя a ;, он заботится о том, чтобы любое выражение не было правильно завершено.

Пример 2

Предположим, у вас есть файл JavaScript с переменной:

var someVar = "myVar"

Еще один файл JavaScript с некоторой функцией:

(function(){})()

Теперь на конкатенации это будет выглядеть

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

С точкой с запятой это будет выглядеть так:

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

Это хорошо, когда вы минимизируете код JavaScript. Это предотвращает непредвиденные синтаксические ошибки.