Fungsi panah

Fungsi panah adalah sintaksis yang lebih ringkas untuk menulis fungsi. Ideal untuk panggilan balik dan fungsi singkat.

Sintaks dasar

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

Ketiga bentuk tersebut setara. Yang ketiga adalah yang paling "JavaScript-y".

Kapan Anda bisa menghilangkan kawat gigi dan kembali

Jika isi satu ekspresi:

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

Jika Anda memerlukan beberapa pernyataan, Anda memerlukan kurung kurawal dan return yang eksplisit:

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

Satu parameter: tanda kurung opsional

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

Dengan parameter zero atau two+, tanda kurung wajib diisi:

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

Cobalah

Latihan#js.m4.l2.e1

Upaya: 0Memuat…

Tulis ulang fungsi ini sebagai fungsi panah dengan implisit return: `function square(n) { return n * n; }`. Tetapkan ke const `square` dan panggil dengan 5 (diharapkan 25).

Memuat editor…

Tunjukkan petunjuk

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

Solusi tersedia setelah 3 upaya

Tinjau latihan

Latihan#js.m4.l2.e2