Cách tạo Function() trong JavaScript
Trần Thị Vân
- 1177
- 24/08/2025
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
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
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 *