Ads by ProfitSence
Close

Export JavaScript

Last Updated on jueves 6º oct. 2022

export default

export: Se utiliza para proporcionar código a otros módulos.

Cuando se quiere exportar alguna variable, función o clase hay que colocar la palabra clave export delante de ella. Podemos etiquetar cualquier declaración como exportada colocando export antes de ella, ya sea una variable, función o una clase.

export javascript

			
					export let months = [
  'Jan',
  'Feb',
  'Mar',
  'Apr',
  'Aug',
  'Sep',
  'Oct',
  'Nov',
  'Dec',
];

export const some = 2022;

			
	

Podemos poner exportación por separado. Aquí primero declaramos, y luego exportamos.

			
					function sum(x, y) {
  return x + y;
}

function difference(x, y) {
  return x - y;
}

export { sum, difference };

			
	

Usually import in curly braces import {...}.

			
					import { sum, difference } from './filename.js';

const x = 10;
const y = 5;

sum(x, y);
difference(x, y);

			
	

node export

Podemos importar todo como un objeto usando import * como <obj>.

			
					import * as yay from './filename.js';

const x = 10;
const y = 5;

yay.sum(x, y);
yay.difference(x, y);

			
	

Import as

También podemos usar como para importar bajo diferentes nombres.

javascript export

			
					import { sum as s, difference as d } from './filename.js';

s(10, 3);
d(10, 3);

			
	

Export as

			
					export { sum as s, difference as d };

			
	

export default

Export default

  • Los módulos también pueden contener una exportación predeterminada, utilizando la palabra clave predeterminada.
  • Una exportación predeterminada no se importará con corchetes rizados, sino que se importará directamente a un identificador con nombre.

module.exports

			
					export default class Me {
  constructor(name) {
    this.name = name;
  }
}

			
	
			
					import Me from './filename.js';

new Me('Ado');

			
	

The default name

			
					function sum(x, y) {
  return x + y;
}

export { sum as default };

			
	

Las exportaciones con nombre y las exportaciones predeterminadas se pueden usar una junto con la otra, como en este módulo que exporta dos valores con nombre y un valor predeterminado.

			
					export const x = 10;
export const y = 5;

export default function product(x, y) {
  return x * y;
}

			
	

You could import these variables and the default function with the following.

			
					import product, { x, y } from './filename.js';

product(x, y);

			
	

Dynamic imports

			
					(async function () {
  const myModule = await import('./filename.js');
  // Do something
})();

			
	
			
					// Declare multiple variables
let yay = 'Hello';

const x = 11;

const y = 7;

// Export all variables and rename some

export { yay as q, x, y };

// Re-export module
export { sum } from './file.js';

// Re-export module and rename it
export { sum as s } from './file.js';

			
	
  • Las declaraciones de importación y exportación son dos características que pueden ser muy útiles.
  • Pueden ayudarlo a que su código sea más claro y fácil de administrar y mantener.