¿Qué es la exportación predeterminada en JavaScript??

Una de las mejores cosas que un lenguaje de programación puede traer a la mesa es su capacidad para proporcionar al programador la libertad de modularidad. La modularidad es esencialmente el proceso de dividir un problema aparentemente masivo en trozos más pequeños y manejables. Y precisamente, eso es lo que JavaScript proporciona con la ayuda de exportaciones.

En la versión ESMAV6 de JavaScript, hay dos tipos diferentes de exportaciones disponibles para el programador. Uno es conocido como el exportaciones nombradas, y el otro es conocido como el Exportar predeterminado, y nos centraremos en este último.

¿Qué es el valor predeterminado de exportación utilizado para?

Los valores predeterminados de exportación se utilizan para exportar un soltero Módulo, variable, expresión o función de un archivo JavaScript para que pueda usarse en cualquier otro archivo del mismo programa o incluso en un programa completamente diferente.

Para obtener ese elemento exportado en el otro archivo o programa, utilizamos un importar Declaración, pero la cosa con la exportación predeterminada es que al importar, no tenemos que preocuparnos por el nombre utilizado en el archivo de exportación.

Cómo exportar una sola función utilizando el valor predeterminado de exportación?

Para demostrar esto, vamos a crear dos archivos diferentes, uno será un manifestación archivo, y el otro va a ser un exportar Archivo así:

En la exportación.Archivo JS, vamos a crear una nueva función que nos imprimirá el área de un cuadrado utilizando la longitud de su lado como

Area de función deSquare (longitud)
Longitud de retorno * Longitud;

Ahora al final de este archivo, vamos a utilizar la palabra clave predeterminada de exportación para exportar esta función como

Exportar área predeterminada de Square;

Dentro de la demostración.archivo js, ​​vamos a importar esta función en nuestro programa como área como:

Importación de área de "./exportar.JS ";

Después de eso, vamos a crear una variable de longitud, y vamos a definir la longitud de un cuadrado:

longitud var = 4;

Entonces, simplemente podemos imprimir el cuadrado utilizando la siguiente función de registro de consola como:

consola.log ("El área del cuadrado es como" + área de área (longitud));

Después de ejecutar solo la demostración.Archivo JS, obtenemos la siguiente salida en nuestro terminal:

Pudió usar la función que se exportó desde el otro archivo.

Cómo exportar una variable utilizando el valor predeterminado de exportación?

En la exportación.archivo js, ​​simplemente cree una nueva variable llamada como radioofcircle como

var radiofcircle = 12;

Al final del archivo, simplemente exporte esta variable usando el comando:

Exportar RadioFcircle de exportación predeterminada;

Ahora, en la demostración.Archivo JS, primero creamos una función que nos va a encontrar el área de un círculo usando su radio con las siguientes líneas:

Área de función de Circle (radio)
Devolver 3.1415 * (radio * radio);

Ahora, importemos el radio de la exportación.archivo js con la siguiente línea:

importar radiofcircle de "./exportar.JS ";

Finalmente, imprima el son del círculo usando la siguiente línea:

consola.log ("El área del círculo es como:" + área de círculo (radiofcircle));

Después de ejecutar, obtenemos el siguiente resultado en nuestro terminal:

Como puede ver, pudimos imprimir el área del círculo usando el radio que se definió en el otro archivo.

Conclusión

JavaScript proporciona dos tipos diferentes de exportaciones que permiten al programador exportar un módulo, expresión, cadena o literal de un archivo a otro. El valor predeterminado de exportación se usa cuando solo se debe hacer una exportación de un archivo en particular y al importar este elemento, no tenemos que preocuparnos por dar el mismo nombre a nuestra importación. Esta combinación de exportación e importación nos permite implementar modularidad.