Los scripts siempre se cargan y ejecutan en el orden en el que sus tags están añadidos en tu HTML:
<script src="/scriptA.js"></script>
<script src="/scriptB.js"></script>
El código de scriptA.js
se ejecutará antes que el de scriptB.js
, sea cual sea el tamaño de cada fichero (si scriptB.js
se termina de cargar antes en paralelo, el navegador esperará de todos modos a que scriptA.js
se termine de cargar y ejecutar). Si no fuese así sería imposible asegurarse de cargar las dependencias en el orden adecuado (por ejemplo JQuery y sus plugins).
NOTA: Esto deja de ser válido si inyectas dinámicamente un script, modificando el DOM para añadir un nuevo fichero o directamente añadiendo dentro de los tags nuevo código
Inyectas dinámicamente un tag
script
, modificando el DOM para añadir un nuevo fichero o directamente añadiendo dentro de los tags nuevo código.El tag
script
tiene un atributsrc
y usas el atributodefer
, encuyo caso el código se ejecuta cuando el documento está completamente cargado.El tag
script
tiene un atributsrc
y usas el atributoasync
, en cuyo caso el código se ejecutará en cuanto esté disponible.