Files
freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
2023-01-27 17:05:47 +02:00

2.8 KiB
Raw Blame History

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
587d7b8c367417b2b2512b56 Використання export для спільного використання блоку коду 1 301219 use-export-to-share-a-code-block

--description--

Уявіть файл під назвою math_functions.js, який містить декілька функцій, пов’язаних із математичними діями. Одна з них зберігається у змінній add, яка приймає два числа і повертає їхню суму. Скажімо, ви хочете використати цю функцію у декількох різних файлах JavaScript. Для того, щоб поділитися нею з іншими файлами, спочатку потрібно експортувати (export) її.

export const add = (x, y) => {
  return x + y;
}

Зверху подано звичайний спосіб експорту однієї функції, але можна зробити і так:

const add = (x, y) => {
  return x + y;
}

export { add };

Змінну чи функцію можна імпортувати в інший файл при експорті і використовувати їх без необхідності переписувати код. Ви можете експортувати декілька об’єктів, повторюючи перший приклад для кожного об’єкту, який хочете експортувати, або ж розмістивши їх усіх в експортній інструкції другого прикладу:

export { add, subtract };

--instructions--

У редакторі є дві функції, пов’язані з рядком. Експортуйте обидві, використовуючи один з методів на ваш вибір.

--hints--

Ви повинні правильно експортувати uppercaseString.

assert(
  code.match(
    /(export\s+const\s+uppercaseString|export\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)})/g
  )
);

Ви повинні правильно експортувати lowercaseString.

assert(
  code.match(
    /(export\s+const\s+lowercaseString|export\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)})/g
  )
);

--seed--

--seed-contents--

const uppercaseString = (string) => {
  return string.toUpperCase();
}

const lowercaseString = (string) => {
  return string.toLowerCase()
}

--solutions--

export const uppercaseString = (string) => {
  return string.toUpperCase();
}

export const lowercaseString = (string) => {
  return string.toLowerCase()
}