¿Cómo incluir un archivo JavaScript a otro archivo Javascript sin utilizar JQuery?

publicado por: Anonymous

Quisiera saber cómo puedo incluir la funcionalidad de un archivo .js desde otro archivo .js sin utilizar jQuery. Ya que he visto algunas soluciones pero haciendo uso de jQuery, y lo que me interesa es saber si puedo importarlo con JavaScript puro.

solución

Cuando un script de JS se carga junto con otros en una página HTML, tiene acceso a las variables y métodos de los demás scripts.

Es por eso que tú puedes importar una biblioteca como JQuery

<script src="jquery.js"></script>

Y en otro script (miarchivo.js) que has creado escribir:

$("div").hide(); // cualquier código que use JQuery

Esto sin tener que hacer un “import” o algo similar, esto se debe a que los scripts se cargan globalmente. Pero también hay que considerar que si tu programa depende de otro script, esa dependencia se debe cargar primero.

En ES6 apareció una nueva característica de JavaScript que son los módulos, estos te permiten exportar el código con las funcionalidades que desees y que puedan ser cargadas en otros programas, aquí un ejemplo:

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

//------ main.js ------
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

Esta forma tiene la ventaja de incluir encapsulamiento, es decir que solo expones lo necesario y no todo el código, permite la creación de bibliotecas y facilita el manejo de las dependencias en una aplicación.

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *