Curso de Javascript | Import, export

Curso de Javascript Online. Desde cero.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Con variables

test.html
<script src="main.js" type="module"></script>
main.js
import Test, { x, y, z } from './variables.js';

console.log("Test: " + Test)
console.log("x: " + x)
variables.js
export const x = 1;
export const y = 2;
export const z = 3;

const Test = 5;

export default Test;

Con funciones

main.js
import multiplicar, { sumar } from './funciones.js';

console.log("sumar: " + Sumar(3, 4))
console.log("multiplicar: " + multiplicar(3, 4))
funciones.js
export const sumar = (a,b) => a + b;

const multiplicar = (a,b) =>  a * b; 
export default multiplicar;

Importar todos los exports de un módulo

// En el siguiente caso, misFunciones será un objeto normal, cuyas propiedades serán los exports del módulo importado
import * as misFunciones from './funciones.js';

// Para poder usarlos, tendré dos opciones: 
const { saltar, correr } = misFunciones;
saltar();
correr();
// o
misFunciones.saltar();
misFunciones.correr();

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.