ES6-箭头函数

一、在 JavaScript 中，我们通常不需要命名函数，尤其是在将函数作为参数传递给另一个函数时。相反，我们创建内联函数。我们不需要命名这些函数，因为我们不会在其他任何地方重用它们。

为此，我们经常使用以下语法：

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

ES6 为我们提供了语法糖，让我们不必以这种方式编写匿名函数。相反，您可以使用箭头函数语法：

?

1 2 3 4

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

当没有函数体而只有返回值时，箭头函数语法允许您省略关键字return以及代码周围的括号。这有助于将较小的函数简化为一行语句：

const myFunc = () => "value";

value默认情况下，此代码仍将返回字符串。

二、就像常规函数一样，您可以将参数传递给箭头函数。

const doubler = (item) => item * 2;
doubler(4);

doubler(4)将返回值8。

如果箭头函数只有一个参数，则可以省略包含参数的括号。

const doubler = item => item * 2;

可以将多个参数传递给箭头函数。

const multiplier = (item, multi) => item * multi;
multiplier(4, 2);

multiplier(4, 2)将返回值8。

三、

为了帮助我们创建更灵活的函数，ES6 引入了函数的默认参数。

看看这个代码：

const greeting = (name = "Anonymous") => "Hello " + name;

console.log(greeting("John"));
console.log(greeting());
//控制台将显示字符串Hello John和Hello Anonymous。