Trong JavaScript vì các hàm là các đối tượng nên chúng ta có thể chuyển chúng dưới dạng tham số cho các hàm khác. Sau đó, các hàm này có thể được gọi bên trong các hàm khác và hàm được truyền vào được gọi là hàm gọi lại.
Sau đây là mã cho JavaScript Callbacks -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
</style>
</head>
<body>
<h1>JavaScript Boolean constructor Property</h1>
<p class="sample"></p>
<button class="btn">CLICK HERE</button>
<h3>
Click on the above button to call the add function which calls back
another function
</h3>
<script>
function add(a, b, callback) {
callback(a + b);
}
function multiplyResultByTwo(res) {
document.querySelector(".sample").innerHTML = res * 2;
}
document.querySelector(".btn").addEventListener("click", () => {
add(4, 5, multiplyResultByTwo);
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút “BẤM VÀO ĐÂY” -
