DEV Community

Cover image for Higher-Order Functions (HOFs) সম্পর্কে বিস্তারিত আলোচনা
RSM Academy BD
RSM Academy BD

Posted on

Higher-Order Functions (HOFs) সম্পর্কে বিস্তারিত আলোচনা

Higher-Order Function (HOF) হল সেই ধরনের ফাংশন যা অন্য ফাংশনকে আর্গুমেন্ট হিসেবে গ্রহণ করতে পারে বা একটি ফাংশন রিটার্ন করতে পারে, বা উভয়ই করতে পারে। JavaScript-এ ফাংশনগুলোকে First-Class Citizens হিসেবে বিবেচনা করা হয়, যার মানে ফাংশনগুলোকে ভেরিয়েবল হিসেবে স্টোর করা যায়, আর্গুমেন্ট হিসেবে পাস করা যায়, এবং রিটার্ন করা যায়। এই কারণে, JavaScript-এ Higher-Order Function তৈরি করা সহজ।

Higher-Order Function হলো একটি ফাংশন যা:

  1. একটি বা একাধিক ফাংশনকে ইনপুট হিসেবে নিতে পারে।
  2. একটি ফাংশনকে আউটপুট হিসেবে রিটার্ন করতে পারে।

এই ধরনের ফাংশন প্রোগ্রামিংকে আরো মডুলার এবং পুনঃব্যবহারযোগ্য করতে সাহায্য করে।

যেমনঃ-

function higherOrderFunction(callback) {
    // কিছু কাজ করল
    console.log("Executing the callback function now...");
    callback();  // কলব্যাক ফাংশনকে কল করা হচ্ছে
}

function sayHello() {
    console.log("Hello, World!");
}

// higherOrderFunction কে একটি ফাংশন হিসেবে call করা হল
higherOrderFunction(sayHello); 
// Output:
// Executing the callback function now...
// Hello, World!
Enter fullscreen mode Exit fullscreen mode

উপরের উদাহরণে, higherOrderFunction হলো একটি Higher-Order Function যা sayHello নামের একটি ফাংশনকে আর্গুমেন্ট হিসেবে গ্রহণ করে এবং তারপর এটি কল করে।

Higher-Order Function-এর সুবিধা:

  1. Code Reusability: HOFs ব্যবহারে আপনি সাধারণ ফাংশনগুলোকে পুনর্ব্যবহারযোগ্য করতে পারেন।
  2. Abstraction: HOFs জটিল লজিকগুলোকে বিমূর্ত করে (abstract) সরল করে তোলে।
  3. Modularity: কোডকে ছোট ছোট অংশে ভাগ করে পরিচালনা করা সহজ হয়।
  4. Functional Programming: HOFs ফাংশনাল প্রোগ্রামিংয়ের মূল ভিত্তি, যেখানে ফাংশনগুলোর মধ্যে কোন state বা mutable data থাকে না।

Higher-Order Function এর ব্যবহার:

  • Event Handlers: ইভেন্ট হ্যান্ডলার হিসেবে HOFs প্রায়ই ব্যবহৃত হয়, যেখানে একটি নির্দিষ্ট ইভেন্টের পরে কোন কাজ করতে হবে তা নির্ধারণ করা হয়।
  • Asynchronous Programming: Asynchronous অপারেশনে, যেমন AJAX কলের পরে কোন কাজ করতে হবে তা HOFs দ্বারা নির্ধারণ করা হয়।
  • Currying: Currying এর মাধ্যমে ফাংশনকে ভেঙ্গে ফেলা হয়, এবং আংশিক আর্গুমেন্ট সহ একটি নতুন ফাংশন তৈরি করা হয়।
  • Composition: HOFs ব্যবহার করে ছোট ছোট ফাংশনগুলোকে একত্রিত করে জটিল ফাংশন তৈরি করা যায়।

Common Higher-Order Functions in JavaScript

JavaScript-এ অনেক বিল্ট-ইন Higher-Order Functions আছে, যা সাধারণত array-এ কাজ করতে ব্যবহৃত হয়। কিছু সাধারণ HOF হল:

  1. map(): এটি একটি array-এর প্রতিটি উপাদানে একটি নির্দিষ্ট ফাংশন অ্যাপ্লাই করে এবং একটি নতুন array রিটার্ন করে।

    javascriptCopy code
    const numbers = [1, 2, 3, 4];
    const doubled = numbers.map(function(num) {
        return num * 2;
    });
    console.log(doubled); // Output: [2, 4, 6, 8]
    
    
  2. filter(): এটি একটি array-এর উপাদানগুলোকে একটি নির্দিষ্ট condition-এর ভিত্তিতে ফিল্টার করে এবং একটি নতুন array রিটার্ন করে।

    javascriptCopy code
    const ages = [18, 21, 16, 25, 30];
    const adults = ages.filter(function(age) {
        return age >= 18;
    });
    console.log(adults); // Output: [18, 21, 25, 30]
    
    
  3. reduce(): এটি একটি array-কে একটি single value-তে রিডিউস করে, একটি accumulator ব্যবহার করে।

    javascriptCopy code
    const numbers = [1, 2, 3, 4];
    const sum = numbers.reduce(function(acc, num) {
        return acc + num;
    }, 0);
    console.log(sum); // Output: 10
    
  4. forEach(): এটি একটি array-এর প্রতিটি উপাদানে নির্দিষ্ট ফাংশন অ্যাপ্লাই করে, কিন্তু কোনো নতুন array রিটার্ন করে না।

    javascriptCopy code
    const numbers = [1, 2, 3];
    numbers.forEach(function(num) {
        console.log(num * 2); // Output: 2, 4, 6
    });
    
  5. Function Returning Function : JavaScript-এ, ফাংশন Higher-Order Functions এর মাধ্যমে অন্য একটি ফাংশনকে রিটার্ন করতে পারে। এটি শক্তিশালী কৌশল যেমন currying এবং function composition করতে সক্ষম করে।

javascriptCopy code
function createMultiplier(multiplier) {
    return function(number) {
        return number * multiplier;
    };
}

const double = createMultiplier(2);
const triple = createMultiplier(3);

console.log(double(5)); // Output: 10
console.log(triple(5)); // Output: 15
Enter fullscreen mode Exit fullscreen mode

এই উদাহরণে, createMultiplier একটি Higher-Order Function যা একটি ফাংশনকে রিটার্ন করে যা একটি সংখ্যাকে গুণ করবে নির্দিষ্ট multiplier দিয়ে।

  1. Callback Functions : Callback Functions হল একটি ফাংশন যা একটি অন্য ফাংশনের আর্গুমেন্ট হিসেবে পাস করা হয় এবং প্রয়োজন অনুযায়ী সেই ফাংশনের ভিতরে এক্সিকিউট করা হয়। Callback Functions মূলত Higher-Order Functions এর একটি বিশেষ রূপ।
javascriptCopy code
function fetchData(callback) {
    setTimeout(function() {
        callback("Data fetched successfully!");
    }, 1000);
}

fetchData(function(message) {
    console.log(message); // Output: "Data fetched successfully!"
});
Enter fullscreen mode Exit fullscreen mode

এই উদাহরণে, fetchData একটি HOF, যা একটি ফাংশনকে আর্গুমেন্ট হিসেবে নেয় এবং সেটাকে নির্দিষ্ট সময় পরে কলব্যাক হিসেবে কল করে।

Conclusion

Higher-Order Functions JavaScript-এ একটি শক্তিশালী এবং বহুমুখী কনসেপ্ট যা কোডকে আরও সংগঠিত, পুনঃব্যবহারযোগ্য, এবং পরিষ্কার করে তোলে। ফাংশনকে ফার্স্ট-ক্লাস সিটিজেন হিসেবে গ্রহণ করে, JavaScript ডেভেলপারদের বিভিন্ন প্রোগ্রামিং প্যাটার্ন অনুসরণ করতে দেয়, যা ডেভেলপমেন্টকে আরও কার্যকর করে তোলে।

Top comments (0)