首頁 > web前端 > js教程 > 高階函數 (HOF) 的詳細討論。

高階函數 (HOF) 的詳細討論。

WBOY
發布: 2024-08-29 12:37:43
原創
1269 人瀏覽過

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

高階函數 (HOF) 是一個可以接受另一個函數作為參數或傳回一個函數,或兩者兼具的函數。 JavaScript 中的函數被視為一等公民,這表示函數可以作為變數儲存、作為參數傳遞並傳回。正因為如此,在 JavaScript 中建立高階函數很容易。

高階函數是這樣的函數:

  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!
登入後複製

在上面的範例中,higherOrderFunction 是一個高階函數,它接受名為 sayHello 的函數作為參數,然後呼叫它。

高階函數的優點:

  1. 程式碼可重複使用性:您可以透過使用 HOF 使常用函數可重複使用。
  2. 抽象: HOF 透過抽象化來簡化複雜的邏輯。
  3. 模組化:將程式碼分成更小的部分使其更易於管理。
  4. 函數式程式設計: HOF 是函數式程式設計的基礎,其中函數不包含狀態或可變資料。

高階函數的使用:

  • 事件處理程序: HOF 通常用作事件處理程序,它定義在特定事件發生後要採取的操作。
  • 非同步程式設計:在非同步操作中,例如AJAX調用,AJAX調用後要做什麼由HOF決定。
  • 柯里化:柯里化分解函數,並建立一個帶有部分參數的新函數。
  • 組合: HOF 可用於組合小函數以形成複雜函數。

JavaScript 中常見的高階函數

JavaScript 有許多內建的高階函數,通常用於對陣列進行操作。一些常見的 HOF 是:

  1. map():它將指定的函數應用於陣列的每個元素並傳回一個新陣列。

    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
登入後複製

এই উদাহরণে, 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!"
});
登入後複製

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

Conclusion

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

以上是高階函數 (HOF) 的詳細討論。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板