Що робить провідна крапка з комою в бібліотеках JavaScript?

У кількох бібліотеках JavaScript я побачив цю нотацію на самому початку:

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

Хоча мені прекрасно подобається синтаксис "негайно виконана функція"

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

Мені було цікаво, що таке провідна крапка з комою. Все, що я міг придумати, - це страхування. Тобто, якщо бібліотека вбудована в інший, баггі-код, він служить "останнім оператором закінчується тут не пізніше" виду швидкості.

Чи має він якийсь інший функціонал?

Це дозволяє безпечно об'єднати кілька файлів JavaScript в один, щоб швидше їх обслуговувати як один HTTP-запит.

Найкраща відповідь була фактично дана у запитанні, тому я просто напишу це тут для наочності:

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

Найкраща практика - припинити вирази крапками з комою, а також використовувати провідну крапку з комою як гарантію.

Загалом, якщо вислів починається з (, [, /, +, або -, є ймовірність, що його можна було б трактувати як продовження заяви раніше. Заяви, що починаються з /, +, і - є досить рідкісними на практиці , але заяви, що починаються з (і [зовсім не рідкість, принаймні, в деяких стилях програмування 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(){})()

Таким чином, додаючи а ;, він переймається, якщо будь-який вираз не буде належним чином закінчений.

Приклад 2

Припустимо, у вас є файл JavaScript зі змінною:

var someVar = "myVar"

Ще один файл JavaScript з деякою функцією:

(function(){})()

Тепер при конкатенації це буде виглядати так

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

З напівкрапкою це буде виглядати так:

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

Добре, коли ви мінімізуєте код JavaScript. Це запобігає несподіваним синтаксичним помилкам.