2.7 KiB
id, title, challengeType, forumTopicId, dashedName
| id | title | challengeType | forumTopicId | dashedName |
|---|---|---|---|---|
| 587d7b8c367417b2b2512b55 | Повторне використання коду JavaScript за допомогою import | 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!");