Files
freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
2022-03-30 06:59:31 -07:00

2.9 KiB
Raw Permalink Blame History

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
587d7b87367417b2b2512b43 Використовуйте функцію Arrow для опису анонімної функції 1 301211 use-arrow-functions-to-write-concise-anonymous-functions

--description--

У JavaScript, нам часто не потрібно називати функцію, особливо при передачі функції в якості аргументу іншої функції. Натомість створюються вбудовані функції. Їх не потрібно називати, бо вони більш ніде не використовуються.

Щоб досягнути цього, використовується наступний синтаксис:

const myFunc = function() {
  const myVar = "value";
  return myVar;
}

ES6 надає нам синтаксичні можливості, щоб не використовувати анонімних функцій таким чином. Саме тому варто використовувати синтаксичну функцію arrow:

const myFunc = () => {
  const myVar = "value";
  return myVar;
}

Коли відсутнє тіло функції, а є лише повернене значення, то синтаксична функція arrow дозволяє опустити ключове слово return, а також дужки, що стосуються коду. Це допомагає спростити невелику функцію в однорядковий вираз:

const myFunc = () => "value";

Цей код все це поверне рядок value за змовчуванням.

--instructions--

Перепишіть функцію, призначеній змінній magic, що перетворюється наnew Date() використовуючи синтаксичну функцію arrow. Також переконайтесь, що ще нічого не визначено за допомогою ключового слова var.

--hints--

Вам слід замінити ключове слово var.

assert.notMatch(code, /var/g)

magic має бути постійною змінною (використовуйте const).

assert.match(code, /const\s+magic/g)

magic має бути function.

assert(typeof magic === 'function');

magic() повинна повернути правильну дату.

assert(magic().setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0));

Не використовуйте ключове слово function.

assert.notMatch(code, /function/g)

--seed--

--seed-contents--

var magic = function() {
  return new Date();
};

--solutions--

const magic = () => {
  return new Date();
};