「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > 高階関数 (HOF) の詳細な説明。

高階関数 (HOF) の詳細な説明。

2024 年 9 月 2 日に公開
ブラウズ:953

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!

উপরের উদাহরণে, 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

এই উদাহরণে, 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 ডেভেলপারদের বিভিন্ন প্রোগ্রামিং প্যাটার্ন অনুসরণ করতে দেয়, যা ডেভেলপমেন্টকে আরও কার্যকর করে তোলে।

リリースステートメント この記事は次の場所に転載されています: https://dev.to/rsmacademybd/higher-order-functions-hofs-smprke-bistaarit-aalocnaa-4obd?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>
  • Go で HTTP POST リクエストの進行状況を追跡する方法は?
    Go で HTTP POST リクエストの進行状況を追跡する方法は?
    Go での HTTP POST リクエストの進行状況の追跡POST リクエスト経由で大きなファイルや画像を送信する場合、開発者はアップロードの進行状況を追跡する際に課題に直面することがよくあります。 。この質問では、Go アプリケーションでそのようなリクエストの進行状況を監視するための信頼できる方法...
    プログラミング 2024 年 11 月 6 日に公開
  • Java でフォルダーからファイル名のリストを取得するにはどうすればよいですか?
    Java でフォルダーからファイル名のリストを取得するにはどうすればよいですか?
    Java を使用してフォルダー内のファイル名を取得するディレクトリ内のファイル名のリストを取得するタスクは、さまざまな環境で共通の要件です。プログラミングシナリオ。 Java でこれを実現するには、File クラスを利用する簡単なアプローチがあります。コード アプローチ:まず、目的のディレクトリ パ...
    プログラミング 2024 年 11 月 6 日に公開
  • Angular Pipes: 包括的なガイド
    Angular Pipes: 包括的なガイド
    Angular の Pipes は、基になるデータを変更せずにテンプレート内のデータを変換するために使用される単純な関数です。パイプは値を受け取り、それを処理し、フォーマットされた出力または変換された出力を返します。これらは、日付、数値、文字列、さらには配列やオブジェクトの書式設定によく使用されます...
    プログラミング 2024 年 11 月 6 日に公開
  • Tailwind CSS とダークモード
    Tailwind CSS とダークモード
    この記事では、Tailwind CSS で ダーク モードを実装する方法を検討します。ダーク モードは、暗い環境でも優れたユーザー エクスペリエンスを提供し、目の疲れを軽減するため、人気のデザイン トレンドになっています。 Tailwind では、組み込みユーティリティを使用してダーク モードを簡単...
    プログラミング 2024 年 11 月 6 日に公開
  • CakePHP の Find メソッドを使用して JOIN クエリを実行するにはどうすればよいですか?
    CakePHP の Find メソッドを使用して JOIN クエリを実行するにはどうすればよいですか?
    JOIN を使用した CakePHP の Find メソッドCakePHP の find メソッドは、テーブルの結合など、データベースからデータを取得する強力な方法を提供します。この記事では、CakePHP の find メソッドを使用して JOIN クエリを実行する 2 つの方法を説明します。方法...
    プログラミング 2024 年 11 月 6 日に公開
  • 結果を再計算したり保存したりせずに、Python でジェネレーターを再利用するにはどうすればよいですか?
    結果を再計算したり保存したりせずに、Python でジェネレーターを再利用するにはどうすればよいですか?
    リセットによる Python でのジェネレーターの再利用Python では、ジェネレーターは要素のシーケンスを反復処理するための強力なツールです。ただし、反復が開始されると、ジェネレーターを巻き戻すことはできません。ジェネレーターを複数回再利用する必要がある場合、これが問題になる可能性があります。ジ...
    プログラミング 2024 年 11 月 6 日に公開
  • JavaScript 開発者向けのトップ S コード拡張機能
    JavaScript 開発者向けのトップ S コード拡張機能
    JavaScript は急速に進化しており、JavaScript を取り巻くツールのエコシステムも急速に進化しています。 開発者は、ワークフローをできるだけ効率的かつスムーズにしたいと考えています。そこで Visual Studio Code (VS Code) が登場します。 JavaScript...
    プログラミング 2024 年 11 月 6 日に公開
  • 計算結果を表示するための HTML 出力タグの使用方法。
    計算結果を表示するための HTML 出力タグの使用方法。
    おかえり!みんなが週末を楽しんだことを願っています。今日は、HTML タグに戻り、 タグに焦点を当てましょう。 タグとは何ですか? タグは計算結果を表示するために使用します。これはインライン要素であり、、、またはその他のインライン要素内に配置できます。これは、計算の結果を表示したり、...
    プログラミング 2024 年 11 月 6 日に公開
  • Java : 変数、データ型、入出力について理解する
    Java : 変数、データ型、入出力について理解する
    導入: Java は世界で最も人気があり多用途なプログラミング言語の 1 つで、Web アプリケーションからモバイル アプリケーションまであらゆるものに使用されています。 Java への取り組みを開始する場合は、基本を理解することが不可欠です。このガイドでは、Java プログラムの...
    プログラミング 2024 年 11 月 6 日に公開
  • 高さに基づいて Div のアスペクト比を維持するにはどうすればよいですか?
    高さに基づいて Div のアスペクト比を維持するにはどうすればよいですか?
    高さに基づいて Div のアスペクト比を維持するWeb デザインでは、要素のアスペクト比を制御することがレスポンシブ レイアウトにとって重要です。この質問では、div の幅をその高さのパーセンテージとして維持し、高さが変化しても要素の形状が一貫していることを保証する方法を検討します。従来のアプローチ...
    プログラミング 2024 年 11 月 6 日に公開
  • Flet での DatePicker の処理
    Flet での DatePicker の処理
    DatePicker の実装をリクエストするためのプロジェクトです。 Flet の公式ドキュメントを参照してください。 import datetime import flet as ft def main(page: ft.Page): page.horizontal_alignment =...
    プログラミング 2024 年 11 月 6 日に公開
  • 円形の SVG マスクに合わせて画像のサイズを変更するにはどうすればよいですか?
    円形の SVG マスクに合わせて画像のサイズを変更するにはどうすればよいですか?
    円形の SVG パスに合わせて画像のサイズを変更するSVG パスを使用して画像から円形の部分を切り取る場合、次のことが重要です。適切な位置合わせを確保するために。画像がうまくフィットしない場合は、SVG マスクのサイズまたは位置が間違っていることが原因である可能性があります。望ましい結果を達成するた...
    プログラミング 2024 年 11 月 6 日に公開
  • 技術面接の質問 - パート タイプスクリプト
    技術面接の質問 - パート タイプスクリプト
    Introduction Hello, hello!! :D Hope you’re all doing well! How we’re really feeling: I’m back with the second part of this series. ? In this...
    プログラミング 2024 年 11 月 6 日に公開
  • Laravel Eloquentで一意の「seller_id」ごとに最大の「created_at」を持つ行を選択する方法は?
    Laravel Eloquentで一意の「seller_id」ごとに最大の「created_at」を持つ行を選択する方法は?
    Laravel Eloquent: 最大値を持つ行を選択する Created_atLaravel Eloquent では、最大値を持つすべての行を選択する必要があるシナリオが発生する場合があります。テーブル内の一意の各eller_id の created_at 値。これを実現する方法は次のとおりです...
    プログラミング 2024 年 11 月 6 日に公開
  • ReactJS での遅延読み込み: 開発者ガイド
    ReactJS での遅延読み込み: 開発者ガイド
    遅延読み込みは ReactJS の強力なテクニックで、必要なときにのみコンポーネントや要素を読み込むことができ、Web アプリケーションのパフォーマンスを向上させます。この記事では、遅延読み込みの概念とその利点、そして組み込みの React.lazy() と React.Suspense を使用して...
    プログラミング 2024 年 11 月 6 日に公開

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3