javascript - 从 jQuery Deferred 函数获取数据

Question

我有一个 JavaScript 函数，可以调用并获取该区域的用户汽车 - 如下所示:

function getCars(userId) {
    var cars = $.Deferred();
    var listOfCars = [];

    // Iterate over all areas
    $.when.apply($, $.map(areas, function (area) {
        return $.when(getCarsForArea(area, userId)).then(function (result) {
            $.merge(list, result);
        });
    })).done(function () {
        cars.resolve(list);
    });

    return cars.promise();
}

然后我有另一个延迟，我想使用传递上面函数的结果。

很像

var userCars = $.Deferred();

var result = getCars('1234');  //User 12345 
userCars .resolve(result);

后来我在一个函数中

$.when(userCars).then(function (carsForUser) {
    console.log(carsForUser);
// rest of method removed for brevity

但是，在我的控制台中，我记录的是 jQuery Promise 对象，而不是 BMW、Mercedes 等 - 即来自 getCars 方法的数据。

我的接线方式是否遗漏了什么？

Answer 1

var userCars = $.Deferred();
var result = getCars('1234');  //User 12345 
userCars .resolve(result);

jQuery 不会在 .resolve 中解开 promise 。这里，result是一个promise(从getCars()返回的那个)，因此userCars将成为promise的promise。这就是为什么 carsForUser 将成为 then 回调中的 result promise 。

这里的延迟是完全多余的。就这么做

var userCars = getCars('1234'); // User 12345

这样你的代码就可以工作了。

<小时/>

除此之外，您的 getCars 函数正在使用 deferred antipattern 。您应该将其简化为

function getCars(userId) {
    // Iterate over all areas
    return $.when.apply($, $.map(areas, function (area) {
        return getCarsForArea(area, userId);
    })).then(Array.prototype.concat.bind([]));
    /* if you're less adventurous, use
    .then(function() {
        var listOfCars = [];
        for (var i=0; i<arguments.length; i++)
            $.merge(listOfCars, arguments[i]);
        return listOfCars;
    }); */
}
getCars('1234').then(function (carsForUser) {
    console.log(carsForUser);
    …
});