La palabra clave de importación se usa en Javascript para usar los elementos que se exportan desde otros módulos. La sintaxis para importar todas las exportaciones de un archivo como objeto es la siguiente.
Sintaxis:
import * as objName from "abc-module" ... let element1 = objName.value1
Aquí, objName es cualquier nombre que le dé al inicializar el objeto por primera vez cuando importa todo desde el módulo a él.
En primer lugar, en nuestro archivo package.json, agregue la siguiente propiedad:
"type" : "module"
Cuando tiene la propiedad «tipo: módulo», su código fuente puede usar la sintaxis de importación; de lo contrario, causará errores y solo admitirá la sintaxis «requerir».
Su archivo package.json debería verse similar a esto:
{ "name": "gfg-modules", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "GFG", "license": "ISC" }
Estructura del proyecto :
Aquí, en la carpeta raíz de «GFG-MODULES», hay 3 archivos, a saber, «index.html» , «index.js » y nuestro archivo «package.json» junto con estos, tiene la carpeta «módulos» que contiene un archivo llamado «siteData.js».
Ejemplo: En siteData.js tenemos el siguiente código:
siteData.js
export const siteName = "GeeksForGeeks"; export const url = "https://www.geeksforgeeks.org/"; export const founderName = "Sandeep Jain"; export const aboutSite = "A Computer Science portal for geeks"; export let siteContent = "Computer science and Programming articles along with Courses";
Aquí, en este archivo, hemos exportado varios elementos de nuestro módulo «nombre del sitio»:
index.js
import * as site from "./modules/siteData.js"; console.log(site); console.log("Site Data is as follows:"); console.log(`Site name: \t${site.siteName}`); console.log(`Site url : \t${site.url}`); console.log(`Founder name: \t${site.founderName}`); console.log(`About site: \t${site.aboutSite}`); console.log(`Site Content: \t${site.siteContent}`);
Aquí, hemos importado todas las exportaciones del módulo «siteData.js» a un objeto llamado «sitio», y luego las usamos.
Producción:
Publicación traducida automáticamente
Artículo escrito por aniruddhashriwant y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA