জাভাস্ক্রিপ্টে হাইয়ার অর্ডার ফাংশন ব্যাখ্যা

জাভাস্ক্রিপ্ট ফাংশনকে অবজেক্ট হিসেবে বিবেচনা করে এবং ফাংশনকে অন্য ফাংশনের প্যারামিটার হিসেবে পাস করতে দেয় বা ফাংশন থেকে ফাংশন রিটার্ন করতে দেয়। জাভাস্ক্রিপ্টে ফাংশনগুলো ফার্স্ট-ক্লাস ফাংশন অর্থাৎ এগুলো ভেরিয়েবল, অবজেক্ট ও অ্যারেতে স্টোর করা যায়। হাইয়ার অর্ডার ফাংশন ফাংশন নিতে, রিটার্ন করতে বা দুটোই করতে পারে।

নিচে জাভাস্ক্রিপ্টে হাইয়ার অর্ডার ফাংশনের কোড দেওয়া হলো:

উদাহরণ

<!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>জাভাস্ক্রিপ্টে হাইয়ার অর্ডার ফাংশন</h1> <div class="sample">[22,33,44,55]</div> <br /> <div class="result"></div> <br /> <button class="Btn">এখানে ক্লিক করুন</button> <h3>উপরোক্ত বাটনে ক্লিক করে উপরের অ্যারের প্রতিটি এলিমেন্ট ডাবল করুন</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>

আউটপুট

উপরোক্ত কোড নিচের আউটপুট দেবে:

‘এখানে ক্লিক করুন’ বাটনে ক্লিক করলে –