首页 > web前端 > js教程 > 高阶函数 (HOF) 的详细讨论。

高阶函数 (HOF) 的详细讨论。

WBOY
发布: 2024-08-29 12:37:43
原创
1267 人浏览过

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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板