如何解決'回調不是函數錯誤'？

Question

我想使用回調函數的一個簡單的例子，但它有一些問題。

(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); 
})(); 

和控制檯說callback2 is not a function。

我試過console.log(typeof(callback2))它說callback2是一個函數。

那麼，在這種情況下有什麼問題？當我只輸入console.log(categories)時，效果很好。

Answer 1

你必須做這樣的事情： 重要的是已經通過第二個回調的第一個函數作爲參數。

如果你不這樣做，你可以將函數存儲在一個全局變量中，但它不是真正的回調函數。

(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); 
 
})();

隨着全球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

正如我所看到的，您將callback2作爲參數傳遞給函數回調，然後不加載全局定義，他使用自己的回調作用域定義。

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

刪除callback2，從PARAMS方法，將調用callback2定義以前，並在自己的範圍內不發現

Answer 3

你必須做這樣的事情。

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