Me gustaría utilizar un archivo javascript externo en otro archivo javascript. Por ejemplo, podría almacenar todas mis variables globales en un archivo globals.js y luego llamar desde la lógica del sitio web logic.js. Luego, en el index.html, insertaría la etiqueta. ¿Cómo uso globals.js dentro de logic.js?Uso de archivos javascript externos en un archivo .js
Javascript no tiene ningún mecanismo implícito de "incluir este otro archivo", como css @include. Sólo tienes que anuncie su archivo de variables globales antes de que el archivo de lógica en las etiquetas:
<script type="text/javascript" src="globals.js" />
<script type="text/javascript" src="logic.js" />
Si garantizando que las variables globales están disponibles antes que nada en los fuegos de archivos lógica, usted puede hacer un bucle de sondeo lenta para ver si alguna variable particular está disponible antes de llamar a un init() o cualquier función.
Solo asegúrese de que ambos archivos estén referenciados en su index.html.
Sin embargo, el orden es importante, como dice Marc. – mare
gracias, esto funciona bien, solo por curiosidad, ¿hay alguna manera de no usar la etiqueta
También puede hacer algo como esto:
$(document).ready(function(){
$('body').append($('<script src="/path/to/script/foo.min.js"></script>'));
});
sólo tiene que utilizar esa línea antes de tener que hacer referencia a algo en el archivo incluido js.
Como alternativa a un bucle de sondeo, puede designar una referencia de función que llama global.js cuando está cargada, luego haga que logic.js establezca esa referencia a su función init(). Por supuesto, deberá incluir el código para asegurarse de que la función init() no se invoque dos veces. – tloflin
Es posible usando javascript, verifique mi respuesta. –