Hàm Lambda là một hàm ẩn danh nhỏ chỉ bao gồm một biểu thức và không thể sử dụng một hoặc nhiều tham số. Về cơ bản, chúng cho phép các hàm được truyền dưới dạng tham số cho các hàm khác. Vì trong JavaScript, các hàm được coi là đối tượng nên chúng có thể được chuyển và trả về từ các hàm khác để triển khai các hàm lambda.
Sau đây là mã để triển khai lambdas với các hàm mũi tên trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample,
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
.sample {
color: red;
}
</style>
</head>
<body>
<h1>Lambdas with Arrow Functions in JavaScript</h1>
<div class="sample">[1,2,3,4,5,6,7]</div>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to square the array above</h3>
<script>
let BtnEle = document.querySelector(".Btn");
let sampleEle = document.querySelector(".sample");
let resEle = document.querySelector(".result");
let arr = [1, 2, 3, 4, 5, 6, 7];
let square = (item) => item * item;
function arraySq(func, arr) {
let newArr = [];
arr.forEach((element) => {
newArr.push(func(element));
});
resEle.innerHTML = "The new array = " + newArr;
}
BtnEle.addEventListener("click", (event) => {
arraySq(square, arr);
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
