Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Diskussion von Funktionen höherer Ordnung (HOFs).

WBOY
Freigeben: 2024-08-29 12:37:43
Original
1227 Leute haben es durchsucht

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

Higher-Order Function (HOF) ist eine Funktion, die eine andere Funktion als Argument akzeptieren oder eine Funktion zurückgeben kann, oder beides. Funktionen in JavaScript gelten als First-Class Citizens, was bedeutet, dass Funktionen als Variablen gespeichert, als Argumente übergeben und zurückgegeben werden können. Aus diesem Grund ist es einfach, Funktionen höherer Ordnung in JavaScript zu erstellen.

Eine Funktion höherer Ordnung ist eine Funktion, die:

  1. kann eine oder mehrere Funktionen als Eingabe annehmen.
  2. kann eine Funktion als Ausgabe zurückgeben.

Solche Funktionen tragen dazu bei, die Programmierung modularer und wiederverwendbarer zu gestalten.

zB:-

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!
Nach dem Login kopieren

Im obigen Beispiel ist highOrderFunction eine Funktion höherer Ordnung, die eine Funktion namens sayHello als Argument verwendet und diese dann aufruft.

Vorteile von Funktionen höherer Ordnung:

  1. Code-Wiederverwendbarkeit: Sie können allgemeine Funktionen durch die Verwendung von HOFs wiederverwendbar machen.
  2. Abstraktion: HOFs vereinfachen komplexe Logik, indem sie sie abstrahieren.
  3. Modularität: Durch die Aufteilung des Codes in kleinere Teile wird die Verwaltung erleichtert.
  4. Funktionale Programmierung: HOFs sind die Grundlage der funktionalen Programmierung, bei der Funktionen keinen Zustand oder veränderbare Daten enthalten.

Verwendung von Funktionen höherer Ordnung:

  • Ereignishandler: HOFs werden häufig als Ereignishandler verwendet, die definieren, welche Aktion nach einem bestimmten Ereignis ausgeführt werden soll.
  • Asynchrone Programmierung: Bei asynchronen Operationen, wie z. B. AJAX-Aufrufen, werden die nach einem AJAX-Aufruf auszuführenden Aktionen durch HOFs bestimmt.
  • Currying:Currying zerlegt die Funktion und erstellt eine neue Funktion mit Teilargumenten.
  • Zusammensetzung: HOFs können verwendet werden, um kleine Funktionen zu komplexen Funktionen zu kombinieren.

Häufige Funktionen höherer Ordnung in JavaScript

JavaScript verfügt über viele integrierte Funktionen höherer Ordnung, die häufig zum Bearbeiten von Arrays verwendet werden. Einige gängige HOFs sind:

  1. map(): Es wendet eine angegebene Funktion auf jedes Element eines Arrays an und gibt ein neues Array zurück.

    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]
    
    
    Nach dem Login kopieren
  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]
    
    
    Nach dem Login kopieren
  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
    
    Nach dem Login kopieren
  4. forEach(): এটি একটি array-এর প্রতিটি উপাদানে নির্দিষ্ট ফাংশন অ্যাপ্লাই করে, কিন্তু কোনো নতুন array রিটার্ন করে না।

    javascriptCopy code
    const numbers = [1, 2, 3];
    numbers.forEach(function(num) {
        console.log(num * 2); // Output: 2, 4, 6
    });
    
    Nach dem Login kopieren
  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
Nach dem Login kopieren

এই উদাহরণে, 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!"
});
Nach dem Login kopieren

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

Conclusion

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

Das obige ist der detaillierte Inhalt vonAusführliche Diskussion von Funktionen höherer Ordnung (HOFs).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!