箭头功能

箭头函数是用于编写函数的更紧凑的语法。非常适合回调和短函数。

基本语法

// classic function
const somma = function (a, b) {
  return a + b;
};

// equivalent arrow
const somma2 = (a, b) => {
  return a + b;
};

// arrow with implicit return (concise body, no braces)
const somma3 = (a, b) => a + b;

三种形式是等价的。第三个是最“JavaScript-y”的。

当你可以省略大括号并返回时

如果主体是单个表达式：

const quadrato = (n) => n * n;
const isAdult = (eta) => eta >= 18;
const saluto = (nome) => `Ciao, ${nome}!`;

如果您需要多个语句，则需要大括号和显式 return：

const descrivi = (n) => {
  const parita = n % 2 === 0 ? 'pari' : 'dispari';
  return `${n} è ${parita}`;
};

一个参数：可选括号

const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // this is fine too

对于零或**两个+**参数，括号是必需的：

const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);

尝试一下

锻炼#js.m4.l2.e1

尝试：0加载中...

将此函数重写为带有隐式返回的箭头函数：`function square(n) { return n * n; }`。将其分配给 const `square` 并用 5 （预期为 25）调用它。

正在加载编辑器...

显示提示

常量平方 = (n) => n * n;

3 次尝试后可用的解决方案

复习练习

锻炼#js.m4.l2.e2