Se eu tenho 2 arquivos Javascript separados pela a sua funcionalidade , estando na mesma pasta de arquivos e linkados ao mesmo html , eu consigo chamar uma variável ou uma função criada no primeiro arquivo Javacript e usa-la no segundo?
Se eu tenho 2 arquivos Javascript separados pela a sua funcionalidade , estando na mesma pasta de arquivos e linkados ao mesmo html , eu consigo chamar uma variável ou uma função criada no primeiro arquivo Javacript e usa-la no segundo?
Oi Guilherme!
Consegue sim! Basta na tag <script>
atribuir o valor module
à propriedade type
da seguinte forma nos 2 arquivos:
<script type="module" src="./script1.js">
<script type="module" src="./script2.js">
No arquivo 1, você tem que informar qual variável você quer que seja visível para o restante dos módulos, da seguinte forma:
// script1.js
export const texto = "sou do script 1";
Agora, no arquivo 2 basta você importar a variável texto
assim:
// script2.js
import { texto } from "./script1.js";
Você pode ter vários comandos de export
no arquivo 1, e você pode importá-los da seguinte maneira:
import { texto, texto2, texto3 } from "./script1.js";
Parabéns por ter tido essa curiosidade! Garanto que você vai usar muito esse recurso durante seu percurso!
Espero ter ajudado! Qualquer outra dúvida pode postar aqui. Bons estudos. :)