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

Khai báo một hàm

hàm là một đoạn mã có thể tái sử dụng mà bạn đặt tên cho nó. Bạn gọi nó bằng cách truyền đối số, nó chạy phần thân và có thể trả về giá trị bằng return.

Tuyên bố cổ điển

Hình thức phổ biến nhất là khai báo hàm:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Những điều cần lưu ý:

  • nome là tham số (một biến cục bộ của hàm).
  • 'Anna' là đối số (giá trị được truyền tại thời điểm gọi).
  • Không có return, hàm trả về undefined.

Biểu thức hàm

Các hàm trong JS là giá trị: chúng có thể được gán cho một biến.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Hai hình thức này gần như tương đương, với một điểm khác biệt quan trọng:

  • khai báo hàm được "hoisted": bạn có thể gọi nó ngay cả trước dòng xuất hiện trong mã.
  • biểu thức hàm tuân theo quy tắc const/let: nó chỉ tồn tại sau khi gán.

Không có return rõ ràng

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

Hãy thử nó

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

Khai báo hàm `greet(name)` trả về chuỗi `Ciao, <name>!`. Sau đó gọi nó bằng 'Anna' và sử dụng kết quả làm biểu thức cuối cùng.

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

hàm chào(tên) { return ... }

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.l1.e2
Nỗ lực: 0Đang tải…

Viết một biểu thức hàm `double` mà khi cho một số, trả về số double của nó. Gọi nó với 7 là biểu thức cuối cùng (dự kiến ​​là 14).

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

const double = function (n) { return ... };

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