2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
id: 587d7b87367417b2b2512b43
|
2021-03-14 21:20:39 -06:00
|
|
|
|
title: 使用箭头函数编写简洁的匿名函数
|
2018-10-10 18:03:03 -04:00
|
|
|
|
challengeType: 1
|
2020-08-04 15:13:35 +08:00
|
|
|
|
forumTopicId: 301211
|
2021-01-13 03:31:00 +01:00
|
|
|
|
dashedName: use-arrow-functions-to-write-concise-anonymous-functions
|
2018-10-10 18:03:03 -04:00
|
|
|
|
---
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --description--
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
在 JavaScript 里,我们会经常遇到不需要给函数命名的情况,尤其是在需要将一个函数作为参数传给另外一个函数的时候。 这时,我们会创建匿名函数。 因为这些函数不会在其他地方复用,所以我们不需要给它们命名。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
这种情况下,我们通常会使用以下语法:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
const myFunc = function() {
|
|
|
|
|
const myVar = "value";
|
|
|
|
|
return myVar;
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
ES6 提供了其他写匿名函数的方式的语法糖。 你可以使用**箭头函数**:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
const myFunc = () => {
|
|
|
|
|
const myVar = "value";
|
|
|
|
|
return myVar;
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
当不需要函数体,只返回一个值的时候,箭头函数允许你省略 `return` 关键字和外面的大括号。 这样就可以将一个简单的函数简化成一个单行语句。
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
const myFunc = () => "value";
|
|
|
|
|
```
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
这段代码默认会返回字符串 `value`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --instructions--
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
使用箭头函数的语法重写赋给 `magic` 变量的函数,使其返回一个新的 Date() `new Date()`。 同时不要用 `var` 关键字来定义任何变量。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
应该替换 `var` 关键字。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
2022-03-30 19:29:31 +05:30
|
|
|
|
assert.notMatch(code, /var/g)
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
`magic` 应该为一个常量(使用 `const`)。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
```js
|
2022-03-30 19:29:31 +05:30
|
|
|
|
assert.match(code, /const\s+magic/g)
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
`magic` 应该是一个函数 `function`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(typeof magic === 'function');
|
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
`magic()` 应该返回正确的日期。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
```js
|
|
|
|
|
assert(magic().setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0));
|
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
2021-03-14 21:20:39 -06:00
|
|
|
|
不要使用 `function` 关键字。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
|
|
```js
|
2022-03-30 19:29:31 +05:30
|
|
|
|
assert.notMatch(code, /function/g)
|
2018-10-10 18:03:03 -04:00
|
|
|
|
```
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
|
# --seed--
|
|
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
var magic = function() {
|
|
|
|
|
return new Date();
|
|
|
|
|
};
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
|
# --solutions--
|
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
|
```js
|
|
|
|
|
const magic = () => {
|
|
|
|
|
return new Date();
|
|
|
|
|
};
|
|
|
|
|
```
|