Quiero enviar un = 5 a otro archivo js y agregarlo, el otro archivo debe tener un tipo = "módulo" en él.
<script> let a = 5; // file 1 </script> <script type="module"> console.log(a+5) // file 2 // I need (type = "module") in file 2 </script>Debido a que los módulos se ejecutan y cargan de forma asíncrona, el script que no es del módulo se ejecutará primero, lo que dificultará un poco las cosas. Pondría la secuencia de comandos que no es del módulo en un archivo separado; esto le permitirá usar el atributo defer defer tiene efecto en las secuencias de comandos en línea). Dado que los scripts diferidos se ejecutan en el orden en que aparecen en el DOM, puede hacer que el módulo exponga algo globalmente, primero, y luego hacer que el módulo diferido llame a esa función global.
<script src="file-2.js" type="module"></script> <script defer src="file-1.js"></script> // file-2.js window.doSomethingWithA = (a) => { console.log(a); } // file-1.js window.doSomethingWithA(5);Pero un mejor enfoque sería colocar todos sus scripts en módulos: hará que las cosas sean mucho más fáciles de administrar cuando el código tenga un tamaño razonable. También es contraproducente que un módulo haga algo global: uno de los grandes puntos de venta de los módulos es que se pueden hacer para que sean completamente autónomos.
Otro enfoque, sin depender del orden de la secuencia de comandos, sería hacer que la secuencia de comandos que no es del módulo escuche un evento de load en la secuencia de comandos del módulo y luego llame a la función global.
Para esta respuesta, suponga que ambos archivos están en la misma carpeta:
Folder |- firstFile.js |- secondFile.js agregar export en firstFile.js
//firstFile.js export let a = 5; e import en secondFile.js
//secondFile.js import {a} from './firstFile.js' console.log(a) result: 5