Cách truyền tham số vào phương thức setTimeout() trong JavaScript bằng Arrow Function
Hướng dẫn cách sử dụng `setTimeout()` trong JavaScript với Arrow Function để truyền tham số vào hàm. Phương thức này hữu ích khi bạn cần trì hoãn việc thực thi hàm và muốn truyền tham số vào đó.
Trong bài viết này, chúng ta sẽ tìm hiểu cách truyền tham số vào hàm trong setTimeout()
bằng cách sử dụng Arrow Function trong JavaScript. Arrow Function giúp viết code ngắn gọn và dễ đọc hơn, đặc biệt trong các tình huống hẹn giờ như setTimeout
.
Mã JavaScript:
// Hàm hiển thị thông báo với tên người dùng
function greetUser(name) {
console.log(`Hello, ${name}!`);
}
// Sử dụng setTimeout với Arrow Function để truyền tham số
setTimeout(() => {
greetUser('Alice');
}, 2000);
Giải thích chi tiết từng dòng code:
-
function greetUser(name) { ... }
: Định nghĩa hàmgreetUser
, nhận tham sốname
và hiển thị thông báo. -
setTimeout(() => { ... }, 2000);
: Sử dụngsetTimeout
để gọi Arrow Function sau 2 giây (2000ms). -
greetUser('Alice');
: Gọi hàmgreetUser
với tham số'Alice'
.
Lời khuyên:
- Khi sử dụng Arrow Function trong
setTimeout
, hãy cẩn thận với việc tham chiếu biến bên ngoài vì chúng có thể thay đổi trước khi hàm được thực thi. - Bạn có thể truyền nhiều tham số cho hàm bằng cách sử dụng cách này.