承诺链捕获

Question

我有这种情况：

controller.ts

methodA(): void {
    myServive.someMethod()
    .then( () => console.log("then") )
    .catch( e => {
        console.log("catch");
    });
}

service.ts

someMethod(): ng:IPromise<void> {

    const deferred = this.$q.defer<void>();

    return this.OtherService.otherMethod()
    .catch ( e => {
        deferred.reject(reason);
    }
}

其他服务.ts

otherMethod(): ng.IPromise<any> {
    return this.HttpService.get(url);
}

测试：

• otherMethod (otherService.ts) 收到来自 HttpService 的错误。
• someMethod (service.ts) 中的 catch 已执行。

为什么在controller.ts中，then块被执行了？

Answer 1

为什么，在controller.ts中，then块被执行了？

因为您发现了错误并在service.ts 中返回了 undefined

如果您不打算在其中处理任何错误，您似乎应该完全摆脱 service.ts 中的 catch/defer。

编辑：如果您希望在控制器中处理捕获，那么只需从 service.ts 中删除所有内容，然后就可以了：

// service.ts
someMethod(): ng:IPromise<void> {
    return this.OtherService.otherMethod()
}

如果您想在控制器中处理service.ts AND 中的捕获，则重新抛出错误（或新错误）：

// service.ts
someMethod(): ng:IPromise<void> {

    const deferred = this.$q.defer<void>();

    return this.OtherService.otherMethod()
    .catch ( e => {
        // you can either do:
        // throw e
        // which rethrows the same error (same as not having a catch in here at all)
        // or you can handle the error and throw a new one like:
        //
        // ...some error handling code
        // throw new Error('my new error');
    });
}

无论您选择哪个，都不需要延期。

Answer 2

如果之前的then（或catch）抛出错误，则会执行catch。如果没有错误，代码将执行下一条then 语句。

所以你有这个代码：

methodA(): void {
    myServive.someMethod()
    .then( () => console.log("then") )
    .catch( e => {
        console.log("catch"); // No errors thrown, so the code will continue in the next then
    });
}

所以你可以在catch 中抛出一个错误。代码会继续下一个catch：

methodA(): void {
    myServive.someMethod()
    .then( () => console.log("then") )
    .catch( e => {
        console.log("catch");
        throw new Error(e) // Some error happened! The code will continue in the next catch
    });
}