freeCodeCamp/curriculum/challenges/spanish/02-javascript-algorithms-and-data-structures/es6/use-export-to-reuse-a-code-block.spanish.md

id, title, localeTitle, challengeType

id	title	localeTitle	challengeType
587d7b8c367417b2b2512b56	Use export to Reuse a Code Block	Usar la exportación para reutilizar un bloque de código	1

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 de 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) => {
  return string.charAt(0).toUpperCase() + string.slice(1);
}
export { capitalizeString } //How to export functions.
export const foo = "bar"; //How to export variables.

Alternativamente, si desea compactar todas sus declaraciones de export en una sola línea, puede adoptar este enfoque:

const capitalizeString = (string) => {
  return 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

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