Exportar e importar en Javascript

Hola!

Hoy te voy a explicar un recurso que para personas que apenas comenzamos como yo, nos puede ser muy útil a la hora de trabajar o interpretar un archivo.

Este recurso de import y export nos permite interactuar con diferentes archivos de Javascript; para usarlo se realiza de la siguiente forma:

El caso más común: export default

En el siguiente caso, siempre que creamos un archivo (módulo), y queremos exportar algún dato de él para acceder otro, haremos un código muy similar con el ejemplo siguiente:

// ## ex01/moduloA.jsconst variable = 'Valor';
const variable2 = 'Outro Valor';

exportdefault variable;
// ## ex01/moduloB.jsimport Modulo;console.log(Modulo); // => 'Valor'

Es importante destacar que, en este caso la variable2 no está disponible como un valor accesible en ex01/moduloB.js

Otra opción de hacerlo es como un objeto de la siguiente forma:

// file.js
exportconst MY_VALUE = 10;

exportfunctionadd(num1, num2) {
  return num1 + num2;
}

// file.spec.js
import { MY_VALUE, add } from'./file';

add(MY_VALUE, 5);// => 15

__si quieres saber más te invito a ver la documentación: import y export.