Uso de la Palabra Clave 'Import' en ES6 para Importar Módulos

ES6 (ECMAScript 6), también conocido como ECMAScript 2015, introdujo varias mejoras y nuevas características en el lenguaje de programación JavaScript, una de ellas es la adición de módulos. Los módulos se utilizan para separar el código en distintas piezas que son útiles y reutilizables.

Para importar módulos en ES6, se utiliza la palabra clave import. Esta keyword permite importar funciones, objetos o valores desde otros módulos para utilizarlos en el módulo actual.

Por ejemplo, si tienes un módulo llamado 'funciones' con una función 'suma', puedes importarlo de la siguiente manera:

import { suma } from './funciones.js'

En este caso, import es la palabra clave que le dice a JavaScript que queremos usar el módulo './funciones.js'. { suma } indica la función específica que queremos importar de ese módulo.

Además, si quieres importar todas las funciones o valores exportados en un módulo, puedes utilizar el operador * de la siguiente manera:

import * as funciones from './funciones.js'

En este caso, todas las funciones contenidas en './funciones.js' estarán disponibles para su uso en este módulo a través del objeto funciones.

En cambio, require es la palabra clave que se usa para importar módulos en CommonJS, que se utiliza principalmente en Node.js, no en ES6. Las palabras clave load e include no se utilizan para importar módulos en JavaScript.

Es importante notar que para poder utilizar import, los navegadores modernos requieren que el script tenga el atributo type configurado como module.

<script type="module" src="app.js"></script>

En resumen, la palabra clave import es una mejora poderosa en ES6 que permite una gestión más eficiente y ordenada del código JavaScript, favoreciendo la reutilización y la mantenibilidad del código.