require()
se usaría para importar las funciones y el código en archivos y módulos externos. Aunque es práctico, esto presenta un problema: algunos archivos y módulos son bastante grandes, y es posible que solo necesite cierto código de esos recursos externos. ES6 nos da una herramienta muy útil conocida como importación . Con él, podemos elegir qué partes de un módulo o archivo cargar en un archivo dado, ahorrando tiempo y memoria. Considere el siguiente ejemplo. Imagine que math_array_functions
tiene aproximadamente 20 funciones, pero solo necesito una, countItems
, en mi archivo actual. El antiguo enfoque de require()
me obligaría a incorporar las 20 funciones. Con esta nueva sintaxis de import
, puedo traer solo la función deseada, así: importar {countItems} desde "math_array_functions"Una descripción del código anterior:
importar {function} desde "file_path_goes_here"Hay algunas formas de escribir una declaración de
// ¡También podemos importar variables de la misma manera!
import
, pero la anterior es un caso de uso muy común. Nota import
. Nota import
, y las declaraciones que presentamos en el resto de estas lecciones, no funcionarán directamente en un navegador. Sin embargo, podemos usar varias herramientas para crear código a partir de esto para que funcione en el navegador. Nota ./
antes de ella; de lo contrario, el nodo buscará en el directorio node_modules
primero intentando cargarlo como una dependencia. import
apropiada que permitirá que el archivo actual use la función capitalizeString
. El archivo donde vive esta función se llama "string_functions"
, y está en el mismo directorio que el archivo actual. import
válida
testString: 'getUserInput => assert(getUserInput("index").match(/import\s+\{\s*capitalizeString\s*\}\s+from\s+("|")string_functions\1/g), "valid import
statement");'
```