2.7 KiB
2.7 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7b8c367417b2b2512b56 | Use export to Reuse a Code Block | 1 | Usar la exportación para reutilizar un bloque de código |
Description
import
y cómo se puede aprovechar para importar pequeñas cantidades de código desde archivos grandes. Sin embargo, para que esto funcione, debemos utilizar una de las declaraciones que acompañan a la import
, conocida como exportación . Cuando queremos que un código, una función o una variable, se pueda utilizar en otro archivo, debemos exportarlo para importarlo en otro archivo. Al igual que la import
, la export
es una característica que no es del navegador. Lo siguiente es lo que llamamos una exportación con nombre . Con esto, podemos importar cualquier código que exportemos a otro archivo con la sintaxis de import
que aprendió en la última lección. Aquí hay un ejemplo: const capitalizeString = (string) => {Alternativamente, si desea compactar todas sus declaraciones de
devolver string.charAt (0) .toUpperCase () + string.slice (1);
}
export {capitalizeString} // Cómo exportar funciones.
export const foo = "bar"; // Cómo exportar variables.
export
en una línea, puede adoptar este enfoque: const capitalizeString = (string) => {Cualquiera de los dos enfoques es perfectamente aceptable.
devolver string.charAt (0) .toUpperCase () + string.slice (1);
}
const foo = "bar";
export {capitalizeString, foo}
Instructions
export
, exportamos las dos variables. Tests
tests:
- text: <code>foo</code> se exporta.
testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
- text: <code>bar</code> se exporta.
testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "<code>bar</code> is exported.");'
Challenge Seed
"use strict";
const foo = "bar";
const bar = "foo";
Before Test
window.exports = function(){};
Solution
// solution required