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
// 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:
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:
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
const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // this is fine tooVới tham số zero hoặc two+, dấu ngoặc đơn là bắt buộc:
const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);Hãy thử nó
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).
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
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.
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ử