Javascript TypeError：回调不是函数 - 我该如何解决这个问题？

Question

我该如何解决？

问题是这样的：

实现一个函数“mapById”，当给定一个对象数组时，该函数返回一个对象，其中键是输入对象的 id，值是相应的输入对象。

例如：

mapById([{id: 102, name: "Alice"},
        {id: 205, name: "Bob", title: "Dr."},
        {id: 592, name: "Claire", age: 32}]);

返回：

{
102: {id: 102, name: "Alice"},
205: {id: 205, name: "Bob", title: "Dr."},
592: {id: 592, name: "Claire", age: 32}
}

var key = 回调(item); ^ TypeError：回调不是函数

function mapById(list, callback) {
    var obj = {};
    list.forEach(function(item) {
        var key = callback(item);
        if (obj[key]) {
            obj[key] = obj[key].concat(item);
        } else {
            obj[key] = [item];
        }
    });
    return obj;
}

console.log(mapById(input));

Answer 1

问题：

您遇到的错误是，当您定义该函数时，您给了它两个参数：list，callback

function mapById(list, callback) {}

然而，当您调用该函数时，您只给了它一个参数：input

console.log(mapById(input));

因此，当您的代码执行并到达函数的这一部分时，var key = callback(item);它会抛出异常，因为回调未定义，因为您没有传入第二个参数。

解决方案：

有很多方法可以解决您的问题。一种解决方案是在第一次声明时简单地调用内部回调mapById。

然后移动代码逻辑，当您调用mapById时返回对象作为第二个参数，而不是在声明它时。

例如

function mapById(list, callback) {
    var obj = {};
    return callback(item);
}

console.log(mapById(input, function() {
    // logic goes here
}));

请注意，我个人不会以这种方式构建它，因为回调是不必要的，但我将向您展示如何使用回调来完成它。