freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../es6/use-arrow-functions-to-writ...

2.0 KiB
Raw Blame History

id title challengeType forumTopicId dashedName
587d7b87367417b2b2512b43 使用箭头函数编写简洁的匿名函数 1 301211 use-arrow-functions-to-write-concise-anonymous-functions

--description--

在 JavaScript 里,我们会经常遇到不需要给函数命名的情况,尤其是在需要将一个函数作为参数传给另外一个函数的时候。 这时,我们会创建匿名函数。 因为这些函数不会在其他地方复用,所以我们不需要给它们命名。

这种情况下,我们通常会使用以下语法:

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

ES6 提供了其他写匿名函数的方式的语法糖。 你可以使用箭头函数

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

当不需要函数体,只返回一个值的时候,箭头函数允许你省略 return 关键字和外面的大括号。 这样就可以将一个简单的函数简化成一个单行语句。

const myFunc = () => "value";

这段代码默认会返回字符串 value

--instructions--

使用箭头函数的语法重写赋给 magic 变量的函数,使其返回一个新的 Date() new Date()。 同时不要用 var 关键字来定义任何变量。

--hints--

应该替换 var 关键字。

(getUserInput) => assert(!getUserInput('index').match(/var/g));

magic 应该为一个常量(使用 const)。

(getUserInput) => assert(getUserInput('index').match(/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 关键字。

(getUserInput) => assert(!getUserInput('index').match(/function/g));

--seed--

--seed-contents--

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

--solutions--

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