freeCodeCamp

3.4 KiB

Raw Blame History

id	title	challengeType	videoUrl	localeTitle
587d7b8c367417b2b2512b56	Use export to Reuse a Code Block	1		Использовать экспорт для повторного использования блока кода

Description

В предыдущей задаче вы узнали об import и о том, как его можно использовать для импорта небольших объемов кода из больших файлов. Для того, чтобы это сработало, мы должны использовать одно из операторов, которое идет с import , известное как экспорт . Когда мы хотим, чтобы какой-то код - функция или переменная - мог использоваться в другом файле, мы должны экспортировать его, чтобы импортировать его в другой файл. Подобно import , export является не-браузером. Ниже мы называем именованный экспорт . При этом мы можем импортировать любой код, который мы экспортируем в другой файл, с синтаксисом import вы узнали на последнем уроке. Вот пример:

const capitalizeString = (string) => {
return string.charAt (0) .toUpperCase () + string.slice (1);
}
export {capitalizeString} // Как экспортировать функции.
export const foo = "bar"; // Как экспортировать переменные.

В качестве альтернативы, если вы хотите сжать все свои export инструкции в одну строку, вы можете использовать этот подход:

const capitalizeString = (string) => {
return string.charAt (0) .toUpperCase () + string.slice (1);
}
const foo = "bar";
export {capitalizeString, foo}

Любой подход вполне приемлем.

Instructions

Ниже приведены две переменные, которые я хочу сделать доступными для других файлов. Используя первый способ, я продемонстрировал export , экспортируем две переменные.

Tests

tests:
  - text: <code>foo</code> экспортируется.
    testString: 'getUserInput => assert(getUserInput("index").match(/export\s+const\s+foo\s*=\s*"bar"/g), "<code>foo</code> is exported.");'
  - text: <code>bar</code> экспортируется.
    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

3.4 KiB Raw Blame History Unescape Escape