如何确定 WinJS.Promise 是否被超时或 cancel() 调用取消

Question

我有一个包含在超时承诺中的服务器请求。

var pendingRequest = WinJS.Promise.timeout(5000, requestAsync).

用户在 UI 上还有一个“取消”按钮，可以通过执行pendingRequest.cancel() 来主动取消请求。但是，无法查明承诺是否已被用户或超时取消（因为 timeout 在内部也调用了promise.cancel()）。

如果 WinJS.Promise.timeout 使用不同的 Error 对象（如“Timeout”而不是“Canceled”）移动处于错误状态的 Promise，那就太好了。

知道如何确定请求是否已因超时取消？

更新：这个解决方案怎么样：

(function (P) {
        var oldTimeout = P.timeout
        P.timeout = function (t, promise) {
            var timeoutPromise = oldTimeout(t);
            if (promise) {
                return new WinJS.Promise(function (c, e, p) {
                    promise.then(c,e,p);
                    timeoutPromise.then(function () {
                        e(new WinJS.ErrorFromName("Timeout", "Timeout reached after " + t + "ms"));
                    });
                });
            } else {
                return timeoutPromise;
            }
        };
    })(WinJS.Promise);

Answer 1

根据the documentation，

...promise 进入错误状态，值为 Error("Canceled")

因此，error.message === 'Canceled' 可以在您的错误处理程序中检测到。

此外，WinJS.Promise 允许在构造时指定 onCancel 回调。

var promise = new WinJS.Promise(init, onCancel);

其中init 和onCancel 都是函数。

Here's a demo.

编辑

啊，好的，抱歉我看错了这个问题。我现在了解到您希望区分超时和手动取消的承诺。

是的，可以通过向双方提供适当的消息来完成：

• WinJS 承诺的 onCancel 回调
• 链式“catch”回调。

首先，用 .timeout() 方法扩展 WinJS.Promise.prototype：

(function(P) {
    P.prototype.timeout = function (t) {
        var promise = this;
        promise.message = 'Canceled';
        P.timeout(t).then(function() {
            promise.message = 'Timeout';
            promise.cancel();
        });
        return promise.then(null, function() {
            if(error.message == 'Canceled') {
                throw new Error(promise.message); //This allows a chained "catch" to see "Canceled" or "Timeout" as its e.message.
            } else {
                throw error; //This allows a chained "catch" to see a naturally occurring message as its e.message.
            }
        });
    };
})(WinJS.Promise);

这成为每个WinJS.Promise()实例的方法，因此与静态方法WinJS.Promise.timeout()不冲突。

现在，使用.timeout() 方法如下：

function init() {
    //whatever ...
}

function onCancel() {
    console.log('onCacnel handler: ' + this.message || `Canceled`);
}

var promise = new WinJS.Promise(init, onCancel);

promise.timeout(3000).then(null, function(error) {
    console.log('chained catch handler: ' + error.message);
});

promise.cancel();
/* 
 * With `promise.cancel()` uncommented, `this.message` and `error.message` will be "Canceled".
 * With `promise.cancel()` commented out, `this.message` and `error.message` will be "Timeout".
 */

Demo（带有额外的按钮动画代码）。