Chuyển đến nội dung chính
Mô-đun 4 · Bài học 2 trong tổng số 414/32 trong khóa học~10 min
Bài học theo mô-đun (2/4)

Chức năng mũi tên

Hàm mũi tên là một cú pháp nhỏ gọn hơn để viết hàm. Lý tưởng cho các cuộc gọi lại và các chức năng ngắn.

Cú pháp cơ bản

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

Ba hình thức là tương đương. Thứ ba là "JavaScript-y" nhất.

Khi nào bạn có thể bỏ niềng răng và quay trở lại

Nếu phần thân là một biểu thức:

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

Thay vào đó, nếu bạn cần nhiều câu lệnh thì bạn cần có dấu ngoặc nhọn và return rõ ràng:

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

Một tham số: dấu ngoặc đơn tùy chọn

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

Với tham số zero hoặc two+, dấu ngoặc đơn là bắt buộc:

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

Hãy thử nó

tập thể dục#js.m4.l2.e1
Nỗ lực: 0Đang tải…

Viết lại hàm này dưới dạng hàm mũi tên với hàm trả về ngầm định: `function Square(n) { return n * n; }`. Gán nó cho const `square` và gọi nó bằng 5 (dự kiến ​​là 25).

Đang tải trình chỉnh sửa…
Hiển thị gợi ý

const bình phương = (n) => n * n;

Giải pháp khả dụng sau 3 lần thử

Xem lại bài tập

tập thể dục#js.m4.l2.e2
Nỗ lực: 0Đang tải…

Xác định hàm mũi tên `describe(n)` trả về chuỗi `<n> è pari` nếu n chẵn, nếu không thì `<n> è dispari`. Gọi nó với 7 là biểu thức cuối cùng.

Đang tải trình chỉnh sửa…
Hiển thị gợi ý

Sử dụng phần thân có dấu ngoặc nhọn khi bạn có nhiều hơn một biểu thức.

Giải pháp khả dụng sau 3 lần thử