当我将现有代码包装到 Deferred

如何解决当我将现有代码包装到 Deferred

我正在尝试在 TypeScript 中实现以下内容：https://stackoverflow.com/a/15094263/166231

UPDATE 2 - 原始答案的问题在于它不支持单个延迟。我修改了他的小提琴以重现错误。 http://jsfiddle.net/3h6gwe1x/

更新 1 - 问题出在我的使用中，因此修改问题以更清楚地表明这一点。

最初，我有一个调用 submitCalculation 的 .ajax 方法，所以我传入了一个回调处理程序，以便在它完成时调用。这一切都奏效了，但我必须准备好运行 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 方法运行并命中以下代码时，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);
});

在原始答案的小提琴中，arguments 的形式为 [ true|false,currentDeferredArguments ][]。数组中的每个元素都是由 currentDeferred.resolve(true|false,arguments); 产生的参数数组。

然而，我的是一个[ true|false,currentDeferredArguments ]形式的扁平化数组。因此，当我在 $.each(arguments,function (i,args) { 中循环参数时，我的参数永远不是“数组”。第一个 args 只是 boolean 调用中的 currentDeferred.resolve，这显然会破坏该循环中的逻辑。

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

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 的原始调用以正确返回延迟对象，以便 whenAllDone 工作？

解决方法

问题出在 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);
});