3.4 KiB
3.4 KiB
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