67 lines
3.4 KiB
Markdown
67 lines
3.4 KiB
Markdown
---
|
||
id: 587d7b87367417b2b2512b43
|
||
title: Use Arrow Functions to Write Concise Anonymous Functions
|
||
challengeType: 1
|
||
forumTopicId: 301211
|
||
localeTitle: Используйте функции стрелок для записи сжатых анонимных функций
|
||
---
|
||
|
||
## Description
|
||
<section id='description'>
|
||
В JavaScript нам часто не нужно называть наши функции, особенно при передаче функции в качестве аргумента другой функции. Вместо этого мы создаем встроенные функции. Нам не нужно называть эти функции, потому что мы не используем их повторно нигде. Для этого мы часто используем следующий синтаксис: <blockquote> const myFunc = function () { <br> const myVar = "value"; <br> return myVar; <br> } </blockquote> ES6 предоставляет нам синтаксический сахар, чтобы не писать анонимные функции таким образом. Вместо этого вы можете использовать <strong>синтаксис функции стрелки</strong> : <blockquote> const myFunc = () => { <br> const myVar = "value"; <br> return myVar; <br> } </blockquote> Когда нет тела функции и только возвращаемое значение, синтаксис функции стрелки позволяет опустить <code>return</code> ключевое слово, а также скобки, окружающие код. Это помогает упростить меньшие функции в однострочные операторы: <blockquote> const myFunc = () => "value" </blockquote> Этот код по-прежнему будет возвращать <code>value</code> по умолчанию.
|
||
</section>
|
||
|
||
## Instructions
|
||
<section id='instructions'>
|
||
Перепишите функцию, назначенную переменной <code>magic</code> которая возвращает новую <code>Date()</code> для использования синтаксиса функции стрелки. Также убедитесь, что ничего не определено с помощью ключевого слова <code>var</code> .
|
||
</section>
|
||
|
||
## Tests
|
||
<section id='tests'>
|
||
|
||
```yml
|
||
tests:
|
||
- text: User should replace <code>var</code> keyword.
|
||
testString: getUserInput => assert(!getUserInput('index').match(/var/g));
|
||
- text: <code>magic</code> should be a constant variable (by using <code>const</code>).
|
||
testString: getUserInput => assert(getUserInput('index').match(/const\s+magic/g));
|
||
- text: <code>magic</code> should be a <code>function</code>.
|
||
testString: assert(typeof magic === 'function');
|
||
- text: <code>magic()</code> should return correct date.
|
||
testString: assert(magic().setHours(0,0,0,0) === new Date().setHours(0,0,0,0));
|
||
- text: <code>function</code> keyword should not be used.
|
||
testString: getUserInput => assert(!getUserInput('index').match(/function/g));
|
||
|
||
```
|
||
|
||
</section>
|
||
|
||
## Challenge Seed
|
||
<section id='challengeSeed'>
|
||
|
||
<div id='js-seed'>
|
||
|
||
```js
|
||
var magic = function() {
|
||
"use strict";
|
||
return new Date();
|
||
};
|
||
|
||
```
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
## Solution
|
||
<section id='solution'>
|
||
|
||
```js
|
||
const magic = () => {
|
||
"use strict";
|
||
return new Date();
|
||
};
|
||
```
|
||
|
||
</section>
|