El punto y coma
;(function(a, b, c) {
'use strict'
/* ... */
}($, window, document));
Para el ;
La explicación sencilla es que para poder concatenar varios archivos javascript que poseen "n" cantidad de funciones y garantizar que no ocurra un error inesperado se antepone el ;
para evitar que algún archivo previo a este genere un error al no poseer el cierre correcto en la función.
En pocas palabras sirve de medida de seguridad para evitar que una función anterior no esté cerrada correctamente y pueda generar un error. Realmente lo correcto es asegurarse siempre de terminar las funciones con ;
pero muchas veces toca trabajar con librerías de terceros y como no hay garantía porque no se conoce el código a profundidad se implementa esta medida de seguridad.
Para ampliar información sobre este tema puedes revisar el enlace sugerido por @Pikoh: Anteponer punto y coma a función javascript
La Exclamación
!function(a, b, c) {
/* ... */
}(jQuery, window, document);
Por otra parte el signo de exclamación se utiliza para varias cosas:
1) Inserta un ;
automáticamente al final de la función de esta forma evitas los errores al concatenar archivos javascript.
2) Ahorra un byte en la expresión debido a que normalmente se leería como:
(function(a, b, c) {
/* ... */
})(jQuery, window, document);
Los paréntesis que envuelven a la función la hacen un poco ilegible y confusa. Para resolver esto también se antepone el signo de exclamación, además estarías usando un caracter !
en vez de dos ()
de allí el hecho de que ahorres un byte por función en la que utilices este signo.
3) La parte más obvia es que se utiliza para que la expresión retorne el valor booleano true
Para ampliar información sobre este otro punto puedes visitar el enlace sugerido por el usuario @Pikoh: Anteponer exclamación a función javascript
Espero sea de ayuda. Un saludo!