当我将现有代码包装到 Deferred 中时，whenAllDone promise/deferred javascript 助手中的参数不起作用

Question

我正在尝试在 TypeScript 中实现以下内容：

更新 2 - 原始答案的问题是它不支持单个延迟。我修改了他的 fiddle 以重现错误。 http://jsfiddle.net/3h6gwe1x/

更新 1 - 问题出在我的使用中，因此修改问题以更清楚地指出。

最初，我有一个调用 .ajax 的 submitCalculation 方法，所以我传递了一个回调处理程序，以便在它完成时调用。这一切都有效，但我必须准备好进行运行 1..N submitCalculation 次调用并等待所有操作完成。所以这是我尝试将原始调用简单地包装在 Deferred 中。

const p = function() {
    const d = $.Deferred();

    try {
        that.rble.submitCalculation( 
            currentOptions,
            ( errorMessage, result ) => { 
                if ( errorMessage != undefined ) {
                    d.reject( { "Options": currentOptions, "ErrorMessage": errorMessage } );
                }
                else {
                    d.resolve( { "Options": currentOptions, "Result": result } );
                }
            } 
        );
    } catch (error) {
        d.reject( { "Options": currentOptions, "ErrorMessage": "ReSubmit.Pipeline exception: " + error } );
    }

    return d;
}

$.whenAllDone( p() ).then( 
   function( ... successes: { Options: KatAppOptions, Result: RBLResult }[] ) { ... },
   function( ... failures: { Options: KatAppOptions, ErrorMessage: string }[] ) { ... } );

当whenAllDone方法是运行ning，打下面代码，arguments参数不对

$.when.apply($, deferreds).then(function() {
    var failures = [];
    var successes = [];

    $.each(arguments, function(i, args) {
        // If we resolved with `true` as the first parameter
        // we have a failure, a success otherwise
        var target = args[0] ? failures : successes;
        var data = args[1];
        // Push either all arguments or the only one
        target.push(data.length === 1 ? data[0] : args);
    });

    if(failures.length) {
        return result.reject.apply(result, failures);
    }

    return result.resolve.apply(result, successes);
});

在原答案的fiddle中，arguments的形式是[ true|false, currentDeferredArguments ][]。数组中的每个元素都是由 currentDeferred.resolve(true|false, arguments);.

产生的参数数组

然而，我的是 扁平化 数组，形式为 [ true|false, currentDeferredArguments ]。所以当我在 $.each(arguments, function (i, args) { 中循环参数时，我的参数永远不会是 'array'。第一个 args 只是来自 currentDeferred.resolve 调用的 boolean，这显然搞砸了该循环中的逻辑。

如果我更改我的代码以按照他的方式（如下所示）简单地测试代码，它会按预期工作。

var dfd1 = $.Deferred();
var dfd2 = $.Deferred();

setTimeout(function () {
    console.log('Resolve dfd2');
    dfd2.reject( { "Options": currentOptions, "ErrorMessage": "Test 2" } );
}, 200);

setTimeout(function () {
    console.log('works dfd1');
    dfd1.reject( { "Options": currentOptions, "ErrorMessage": "Test 1" } );
}, 100);

$.whenAllDone( dfd1, dfd2 ).then(

那么我如何正确地将对 submitCalculation 的原始调用包装成正确的 return 延迟对象，以便 whenAllDone 工作？

Answer 1

问题出在 jquery 的 when 方法中。

jquery.when: function( subordinate /* , ..., subordinateN */ ) { ...

它有这样一行：

// If resolveValues consist of only a single Deferred, just use that.
deferred = remaining === 1 ? subordinate : jQuery.Deferred(),

这改变了参数的形状，所以我不得不把它放回我的代码期望的通用形状（即当多个延迟传递给 whenAllDone 时相同的形状）

const deferredArgs = jqueryWhenUsesSubordinate
    ? [[ arguments[ 0 ], arguments[ 1 ] ]]
    : arguments

$.each(deferredArgs, function (i, resolvedArgs) {
    var target = !resolvedArgs[0] ? failures : successes;
    var data = resolvedArgs[1];
    target.push(data.length === 1 ? data[0] : data);
});

当我将现有代码包装到 Deferred 中时，whenAllDone promise/deferred javascript 助手中的参数不起作用

Arguments in whenAllDone promise/deferred javascript helper not working when I wrap existing code into a Deferred

javascript

jquery

jquery-deferred

typescript

es6-promise