Exportar todas las funciones desde un archivo en JavaScript

1. Exportar todas las funciones desde un archivo en JavaScript
2. Utilice la función exportar para exportar todas las funciones de un archivo en JavaScript

En este artículo, aprenderemos el propósito y la ventaja del término exportar en el código fuente de JavaScript. Veremos cómo podemos exportar la función utilizando el término exportar de JavaScript.

Exportar todas las funciones desde un archivo en JavaScript

Para exportar funciones, objetos y otros valores primitivos del módulo, usamos el término “exportar” en JavaScript para que las funciones u objetos se puedan usar en otros programas de JavaScript usando el término “importar”. Si un módulo exportado actualiza un valor, también será visible en su valor importado.

No podemos usar la instrucción exportar en scripts incrustados, y los módulos de exportación están en modo estricto, independientemente de si los declaramos.

Tipos de exportación:

1. Exportación con nombre
2. Exportación predeterminada

Sintaxis básica de exportación con nombre

Podemos agregar cero o más exportaciones en este tipo según el módulo.

export let myVariable = 'hello world!';
export function myFunction() {/* ... */
};

Sintaxis básica de exportación predeterminada

Podemos agregar una sola exportación predeterminada en este tipo según el módulo.

export {myFunction as default};
export default function() {/* ... */
}

Utilice la función exportar para exportar todas las funciones de un archivo en JavaScript

Solo necesitamos usar la instrucción exportar para exportar la función en JavaScript, por ejemplo, exportar función createSum() {}. Y para importar esa función exportada en otros programas de JavaScript, usamos la instrucción importar con la ruta correcta, por ejemplo, importar {createSum} from './firstFile.js.

Podemos usar la exportación con nombre tantas como necesitemos en un solo archivo, y también podemos exportar múltiples funciones desde un solo archivo JavaScript al crear un objeto de función y usar exportar a la vez, como se muestra a continuación:

function function1() {}
function function2() {}
export {function1, function2}  // export with combined as object

Ejemplo de la función exportar en JavaScript

En primer lugar, necesitamos crear un archivo base y nombrarlo helperFunction.js para una función que queremos exportar, como se muestra a continuación:

export function createSum(y, z) {
  return y + z;  // that will return sum
}

Como se muestra arriba, hemos creado un archivo helperFunction.js y declaramos la función createSum() en él con el término exportar que tomará dos valores como argumento. También podemos usar Exportación con nombre para la función de flecha en JavaScript moderno.

Ahora, necesitamos importar esta función al archivo JavaScript principal y usarla como se muestra a continuación:

import {createSum} from './helperFunction.js';

let value1 = 10;
let value2 = 15;
let result = createSum(value1, value2)

console.log('Sum of two values is : ' + result);

Producción :

Sum of two values is : 25

Como se muestra arriba, hemos usado el término “importar” para importar la función de archivo de ayuda con la ruta correcta en nuestro archivo principal. Luego, inicializamos dos valores en la variable.

Después de eso, llamamos a createSum(), pasamos ambas variables de valores como argumento y almacenamos el valor de retorno en la variable resultado.

Finalmente, usamos el método console.log() para mostrar el resultado de la suma en los registros. Puede crear ambos archivos, guardar el código fuente anterior y usar el compilador de JavaScript para ver el resultado.