--- id: 587d7b8c367417b2b2512b56 title: Use export to Reuse a Code Block challengeType: 1 videoUrl: '' localeTitle: Usar la exportación para reutilizar un bloque de código --- ## Description
En el desafío anterior, aprendió acerca de la 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) => {
devolver string.charAt (0) .toUpperCase () + string.slice (1);
}
export {capitalizeString} // Cómo exportar funciones.
export const foo = "bar"; // Cómo exportar variables.
Alternativamente, si desea compactar todas sus declaraciones de export en una línea, puede adoptar este enfoque:
const capitalizeString = (string) => {
devolver string.charAt (0) .toUpperCase () + string.slice (1);
}
const foo = "bar";
export {capitalizeString, foo}
Cualquiera de los dos enfoques es perfectamente aceptable.
## Instructions
A continuación hay dos variables que quiero que estén disponibles para que otros archivos las utilicen. Utilizando la primera forma en que demostré export , exportamos las dos variables.
## Tests
```yml tests: - text: foo se exporta. testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "foo is exported.");' - text: bar se exporta. testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+bar\s*=\s*"foo"/g), "bar is exported.");' ```
## Challenge Seed
```js "use strict"; const foo = "bar"; const bar = "foo"; ```
### Before Test
```js window.exports = function(){}; ```
## Solution
```js // solution required ```