freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b8c367417b2b2512b55	Повторне використання коду JavaScript за допомогою імпорту	1	301208	reuse-javascript-code-using-import

--description--

import дозволяє вибрати, які частини файлу або модуля завантажувати. В попередньому уроці, приклади експортуються add з math_functions.js файлу. Ось як ви можете імпортувати його та використовувати в іншому файлі:

import { add } from './math_functions.js';

import знайде add у math_functions.js, і імпортує саме цю функцію для використання, а решту ігнорує. ./ повідомляє про імпорт для пошуку файлу math_functions.js у тій же папці, що і поточний файл. При використанні імпорту таким чином необхідний відносний шлях до файлу (./) та розширення файлу (.js).

Ви можете імпортувати кілька елементів з файлу, додавши їх у інструкцію import так:

import { add, subtract } from './math_functions.js';

--instructions--

Додайте відповідну інструкцію import, яка дозволить поточному файлу використовувати функції uppercaseString та lowercaseString, які ви експортували в попередньому уроці. Ці функції знаходяться у файлі під назвою string_functions.js, які знаходиться і тій самій папці, що і поточний файл.

--hints--

Варто здійснити імпорт належним чином uppercaseString.

assert(
  code.match(
    /import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

Потрібно імпортувати lowercaseStringналежним чином.

assert(
  code.match(
    /import\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
  )
);

--seed--

--seed-contents--

// Only change code above this line

uppercaseString("hello");
lowercaseString("WORLD!");

--solutions--

import { uppercaseString, lowercaseString } from './string_functions.js';

uppercaseString("hello");
lowercaseString("WORLD!");