Kịch bản thuyết trình: Slides 67, 68, 69, 70

Mình tiếp tục với slide 67, 68, 69 và 70 về JavaScript Functions - Cấu trúc, Cách gọi hàm, Tham số và Giá trị trả về.

Cú pháp chung (Function Declaration)

function functionName(parameters1, parameters2, ...) {
    // thân hàm: các lệnh thực thi
    return result;
}

Một hàm được định nghĩa với từ khóa function, theo sau là tên hàm, tiếp theo là dấu ngoặc tròn ( ), rồi đến dấu ngoặc nhọn { }.

Cụ thể các thành phần của hàm:

function → từ khóa bắt buộc để khai báo hàm.
functionName → tên của hàm (do bạn tự đặt, nên đặt theo ý nghĩa rõ ràng, theo quy tắc đặt tên biến).
parameters → (INPUT) là danh sách các tham số truyền vào bên trong dấu (). Có thể để trống.
{ ... } → khối code bên trong hàm chứa các lệnh (thân hàm).
return → (OUTPUT) trả giá trị ra chỗ gọi hàm. Nếu không có return, hàm mặc định trả về undefined.
result → Biến dùng để nhận kết quả trả về do bạn tự đặt và có thể linh hoạt thay đổi

Ví dụ 1: Hàm không có tham số

function sayHello() {
    console.log("Hello!");
}
sayHello();
// Gọi hàm không có tham số theo cú pháp "tên hàm" + ()

Ví dụ 2: Hàm có tham số

function greet(name) {
    console.log("Hello " + name + "!");
}
greet("Thu"); // → こんにちは Thu!
// Gọi hàm có tham số. "Thu" là đối số được truyền vào

Ví dụ 3: Hàm có return

function add(a, b) {
    return a + b;
}
let sum = add(3, 4); // Gọi hàm và nhận return
console.log(sum); // → 7

Cấu trúc cơ bản:

function name(params) {
    // code
    return result;
}

Gọi hàm bằng name(arguments).
parameters = tham số khi định nghĩa.
arguments = giá trị truyền vào khi gọi hàm.
return dùng để trả về kết quả ra ngoài hàm.
result là tên biến để nhận kết quả trả về từ return. Tên biến này có thể linh hoạt thay đổi, không có định là result.

Một hàm có thể trả kết quả về cho nơi gọi bằng từ khóa return.

Nếu không có return, hàm mặc định trả về undefined.

Ví dụ:

function add(a, b) {
    return a + b;
}

let sum = add(5, 3);
console.log(sum); // 8

Ở ví dụ của hình bên phải:

Tham số: giúp hàm linh hoạt, xử lý nhiều tình huống khác nhau.

Return: giúp hàm trả về kết quả để tiếp tục sử dụng ở chỗ khác. Giá trị trả về có thể được lưu vào biến, dùng lại nhiều lần.

Tham số là biến đặc biệt được khai báo trong dấu ngoặc () khi định nghĩa hàm.

Khi gọi hàm, bạn truyền giá trị (arguments) vào, và các giá trị đó sẽ được gán cho tham số.

Ví dụ:

function greet(name) {
    console.log("Hello " + name);
}

greet("Thu");   // Hello Thu
greet("Minh");  // Hello Minh

Ở đây:

Trong 1 hàm có thể có nhiều tham số. Ví dụ:

function add(a, b) {
    console.log(a + b);
}

add(2, 3);   // 5
add(10, 20); // 30

Như vậy là mình đã trình bày xong về cấu trúc của hàm, cách gọi hàm, tham số và giá trị trả về trong JavaScript.