0

Hace poco decidí utilizar el navegador Firefox delevoper Edition pero ocurrió algo extraño, al momento de ejecutar mi codigo este primero no precarga es decir

<div>
  
  <script src="js0.js"></script>
  <script src="js1.js"></script>
 </div>

Supongamos que yo utilizo una función del js1.js en el js0.js al momento de ejecutar la función en mi js este dice que no está definida, pero si pruebo este en otro navegador como chrome si me deja utilizar la función ¿A qué se debe esto?

2
  • Se debe seguramente a la implementación del motor de Javascript que difiere según el navegador. Por otro lado, desde el punto de vista de performance de tu página, tener la lógica separada en diferentes archivos no es lo que se estila, precisamente por el comportamiento que observas en diferentes navegadores y por el simple hecho que por cada archivo es necesaria una petición http, lo cual añade tiempo de demora a tu aplicación. Saludos Commented el 17 jul. 2021 a las 9:35
  • @MauricioContreras ¿Como me recomiendas tener la logica para que no difiera en diferentes navegadores? Commented el 17 jul. 2021 a las 15:37

1 respuesta 1

0

La descarga de los archivos se realiza por procesos que transcurren en paralelo, por regla general no terminan descargándose de manera secuencial y a veces alguna descarga puede fallar.

Si una función de un script necesita otra que está en otro, tal ves deberías utilizar mecanismos que te permitan controlar el proceso de carga de los archivos, pero requiere código y algunas artimañas que no funcionan siempre. Es preferible evitar utilizar este método siempre que sea prosible.

JQuery tiene la función getScript (documentación), pero tarda un tiempo desde que lo descarga hasta que lo puedes utilizar. Aquí hay un hilo con información sobre esta función.

Creo que la mejor opción es utilizar un único archivo de script para las funciones que compartirás entre varias páginas y utilizar alguno de los callbacks de JQuery, como su función ready (documentación) o alguno de los otros métodos que proveen los navegadores, como el callback DOMContentLoaded (ver soporte aquí).

2
  • Precisamente me pasó con Jquery, con firefox developer edition quise utilizar la sintaxis de jquery como el tipico "$()" pero al utilizarla me salia que este no estaba definido obvimente los <scripts> estaban como yo lo muestro en mi ejemplo <script src="js0.js> era donde utilizaba el jquery y en js1.js supongamos que era la cdn de jquery Commented el 17 jul. 2021 a las 15:34
  • ¿Y has incluido la referencia a JQuery en tu documento?
    – V.Lorz
    Commented el 17 jul. 2021 a las 15:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.