জাভাস্ক্রিপ্ট ফাংশনগুলিকে অবজেক্ট হিসাবে বিবেচনা করে এবং আমাদের ফাংশনগুলিকে প্যারামিটার হিসাবে অন্য ফাংশনে পাস করার অনুমতি দেয় এবং এমনকি অন্যান্য ফাংশন থেকে ফাংশন ফেরত দেয়। জাভাস্ক্রিপ্টে ফাংশনগুলি হল প্রথম শ্রেণীর ফাংশন যার অর্থ আমরা সেগুলিকে ভেরিয়েবল, অবজেক্ট এবং অ্যারেতে সংরক্ষণ করতে পারি। উচ্চ ক্রম ফাংশন ফাংশন নিতে পারে, তাদের ফিরিয়ে দিতে বা উভয় করতে পারে।
নিম্নোক্ত জাভাস্ক্রিপ্টে উচ্চ ক্রম ফাংশন জন্য কোড.
উদাহরণ
<!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;
}
.result,.sample {
font-size: 18px;
font-weight: 500;
color: rebeccapurple;
}
.result {
color: red;
}
</style>
</head>
<body>
<h1>Higher order functions in JavaScript</h1>
<div class="sample">[22,33,44,55]</div>
<br />
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to double each element of the above array</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
function doubleNum(ele) {
return ele * 2;
}
let arr = [22, 33, 44, 55];
function doubleArray(arr, fn) {
let doubleArr = [];
arr.forEach((element) => {
doubleArr.push(doubleNum(element));
});
return doubleArr;
}
BtnEle.addEventListener("click", () => {
resEle.innerHTML = "New array = " + doubleArray(arr, doubleNum);
});
</script>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে 
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -
