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