Cách tạo Function() trong JavaScript

Cách tạo Function() trong JavaScript
Cách tạo Function() trong JavaScript

Chức năng của Function() trong JavaScript

Function() trong JavaScript dùng để nhóm nhiều đoạn code lại với nhau nhằm xử lý một chức năng nào đó sau đó trả về kết quả cho một hàm, bạn có thể truyền nhiều tham số hoặc không cần truyền tham số vô hàm đó.

Code Tạo Function() trong JavaScript

<script>
function ketQua(tuoi) {
 var ketqua = "Năm nay bạn "+tuoi+" tuổi";
return ketqua;
}

var tuoi = 35;
var ketqua = ketQua(tuoi);
document.write(ketqua);
</script>

Kết quả:

Năm nay bạn 35 tuổi

Chạy Thử

Những lỗi thường gặp khi tạo và sử dụng function trong JavaScript

Khi làm việc với function trong JavaScript, lỗi thường không nằm ở cú pháp mà xuất phát từ cách khai báo, truyền dữ liệu hoặc sử dụng kết quả. Nhận biết sớm những lỗi phổ biến giúp bạn dễ dàng kiểm tra và sửa chương trình.

Gọi function trước khi khai báo và vấn đề hoisting

Với function declaration, JavaScript cho phép gọi hàm trước vị trí khai báo nhờ cơ chế hoisting. Tuy nhiên, điều này không áp dụng giống nhau cho mọi cách tạo function, đặc biệt là function expression.

chaoHoi();

function chaoHoi() {
    console.log("Xin chào!");
}

Đoạn mã trên vẫn hoạt động vì function declaration được xử lý trước khi chương trình thực thi. Ngược lại, nếu function được gán cho một biến bằng const hoặc let, bạn không nên gọi biến đó trước khi khởi tạo.

chaoHoi();

const chaoHoi = function() {
    console.log("Xin chào!");
};

Vì vậy, cách viết an toàn và dễ đọc là khai báo function trước khi sử dụng, đặc biệt trong những đoạn mã có nhiều hàm phụ thuộc lẫn nhau.

Nhầm lẫn giữa tham số và đối số khi truyền dữ liệu

Tham số là biến được đặt trong phần khai báo function, còn đối số là giá trị thực tế được truyền vào khi gọi hàm. Nhầm lẫn hai khái niệm này dễ dẫn đến việc truyền thiếu, sai thứ tự hoặc sai kiểu dữ liệu.

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

let ketQua = tinhTong(10, 5);

Trong ví dụ này, a và b là tham số, còn 10 và 5 là đối số. Nếu function yêu cầu nhiều tham số, hãy kiểm tra thứ tự dữ liệu được truyền vào để tránh tạo ra kết quả không như mong muốn.

Quên return khi cần nhận kết quả từ function

Một function có thể thực hiện công việc mà không cần trả về dữ liệu. Nhưng nếu muốn lấy kết quả để tiếp tục tính toán hoặc gán cho một biến, bạn cần sử dụng return.

function tinhTong(a, b) {
    a + b;
}

let ketQua = tinhTong(10, 5);
console.log(ketQua);

Trong trường hợp này, biểu thức cộng được thực hiện nhưng function không trả kết quả ra ngoài nên ketQua nhận giá trị undefined.

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

let ketQua = tinhTong(10, 5);
console.log(ketQua);

Khi cần sử dụng kết quả của function ở bên ngoài, hãy xác định rõ hàm có nhiệm vụ trả dữ liệu hay chỉ thực hiện một hành động.

Function không được gọi hoặc gọi sai cách

Khai báo function không đồng nghĩa với việc function sẽ tự động chạy. Bạn phải gọi hàm bằng cặp dấu ngoặc () khi muốn thực thi.

function hienThiThongBao() {
    console.log("Đã hoàn thành!");
}

hienThiThongBao();

Nếu chỉ viết tên function mà không có (), bạn mới chỉ tham chiếu đến function chứ chưa thực thi nó.

hienThiThongBao;

Ngoài ra, khi gọi function có tham số, hãy truyền đúng dữ liệu mà hàm cần xử lý. Kiểm tra tên hàm, số lượng đối số và thứ tự đối số là những bước đơn giản nhưng rất hữu ích khi tìm nguyên nhân khiến chương trình cho kết quả sai.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Cách tạo Function() trong JavaScript.

  • ★★★★★ ★★★★★
  • 0 Bình luận
Trần Thị Vân | Content Creator Web Mới
Trần Thị Vân
Trần Thị Vân là Content Creator tại Web Mới, phụ trách nghiên cứu, biên soạn nội dung và chia sẻ kiến thức về website, SEO, lập trình cùng các xu hướng công nghệ
Đánh giá
Chia sẻ nội dung đánh giá của bạn về Cách tạo Function() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Yêu Cầu Báo Giá
Gửi trang web mẫu cần làm theo, chúng tôi sẽ báo giá đến bạn từ Email (tanlucit09@gmail.com - Bùi Tấn Lực) hoặc Zalo (Lực IT - 0398259259) !