Wie repariere 'Rückruf ist kein Funktionsfehler'?

Question

Ich versuche ein einfaches Beispiel mit Callback-Funktion, aber es hat ein Problem.

(function ddd() { 
    const categories = []; 
    const url2 = 'http://www.example.com'; 

    const callback2 = function (res) { 
    console.log(res); 
    } 

    const callback = function (res,callback2) { 
    res.products.forEach((el) => { 
     categories.push({itemLabel: el.id, categoryLabel: 'gifts'}); 
    }); 
    callback2(categories); 
    }; 

    getData(url2, callback); 
})(); 

Und Konsole sagt callback2 is not a function.

Ich versuchte console.log(typeof(callback2)) und es sagt callback2 ist eine Funktion.

Also, was ist das Problem in dieser Situation? Wenn ich stattdessen console.log(categories) eintippe, funktioniert es gut.

Answer 1

Sie haben so etwas zu tun: Wichtig sind den zweiten Rückruf bereits in der ersten Funktion als Argument übergeben.

Wenn Sie nicht tun, was zu tun ist, können Sie die Funktion in einer globalen Variablen speichern, aber dann ist es nicht wirklich ein Rückruf.

(function ddd() { 
 
    const categories = []; 
 
    const url2 = 'http://www.example.com'; 
 

 
    const callback2 = function (res) { 
 
    console.log(res); 
 
    } 
 

 
    const callback = function (res,callback2) { 
 
    res.products.forEach((el) => { 
 
     categories.push({itemLabel: el.id, categoryLabel: 'gifts'}); 
 
    }); 
 
    callback2(categories); 
 
    }; 
 
\t function getData(url, callback, callback2) { 
 
    \t callback({products: [{id: 10}]}, callback2); 
 
    }; 
 
    getData(url2, callback, callback2); 
 
})();

Mit Globale Callback2:

(function ddd() { 
 
    const categories = []; 
 
    const url2 = 'http://www.example.com'; 
 

 
    const callback2 = function (res) { 
 
    console.log(res); 
 
    } 
 

 
    const callback = function (res) { 
 
    res.products.forEach((el) => { 
 
     categories.push({itemLabel: el.id, categoryLabel: 'gifts'}); 
 
    }); 
 
    callback2(categories); 
 
    }; 
 
\t function getData(url, callback) { 
 
    \t callback({products: [{id: 10}]}); 
 
    }; 
 
    getData(url2, callback); 
 
})();

Answer 2

Wie ich gesehen habe, übergeben Sie Callback2 als Parameter zum Funktionsrückruf, dann laden Sie nicht die globale Definition, die er seine eigene Bereichsdefinition des Rückrufs verwendet.

const callback = function (res) { 
    res.products.forEach((el) => { 
     categories.push({itemLabel: el.id, categoryLabel: 'gifts'}); 
    }); 
    callback2(categories); 
    }; 

Entfernen callback2, von params Methode, rufen callback2 vorherigen definiert, und in eigenen Rahmen nicht finden,

Answer 3

Sie haben so etwas zu tun.

getData(url2, callback(result, callback2));