アロー関数

アロー関数 は、関数を作成するためのよりコンパクトな構文です。コールバックや短い関数に最適です。

基本的な構文

// 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;

3 つの形式は同等です。 3 番目は最も「JavaScript っぽい」ものです。

中括弧を省略してリターンできる場合

本文が 単一の式の場合:

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}`;
};

1 つのパラメータ: オプションの括弧

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

zero または two+ パラメータの場合、括弧は必須です。

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

試してみてください

運動#js.m4.l2.e1

試行回数: 0読み込み中…

この関数を暗黙的な return を持つアロー関数として書き換えます。 `function square(n) { return n * n; }`。それを const `square` に代入し、5 (25 が予想されます) で呼び出します。

エディターを読み込み中…

ヒントを表示

const square = (n) => n * n;

3 回の試行後に解決策が利用可能になります

復習演習

運動#js.m4.l2.e2