如何在有数据和没有数据的情况下返回成功和错误承诺？

Question

我想在 $http 调用之前或之后返回一个 Promise 和一个名为 output 的对象。有人可以告诉我如何使用 AngularJS 框架做到这一点，并且对于 Typescript 非常重要，这样我可以确定它工作正常吗？

 topicNewSubmit = (): ng.IPromise<any> => {
    var self = this;
    var myData1 = { abc: 123 }

    if (self.abc = 22) {
        // How can I return an OKAY promise from here?
    }
    if (self.abc = 33) {
        // How can I return an OKAY promise with myData1 from here?
    }
    if (self.abc = 88) {
        // How can I return a FAIL promise from here?
    }

    return self.$http({ url: self.url, method: "GET" })
        .then(
            (response: ng.IHttpPromiseCallbackArg<any>): any => {            
            var myData2 = { abc: 245 }
            // How can I return a promise and myData2. 
            // return(myData2) gives an error with Typescript

            // How can I return a promise and no data
            // return gives an error with Typescript 
        },
        (error: ng.IHttpPromiseCallbackArg<any>): ng.IPromise<any> => {
            var myData3 = { abc: 345 }
            // Is this the correct way to return an unhandled reject with myData3
            return self.$q.reject(myData);
        });
  }

Answer 1

编辑：修正了代码并添加了TypeScript Playground example。方法输入正确，您可以通过抛出的输入错误来验证这一点，尝试修复它们；）。我从角度定义文件中复制了非常基本的必需接口。

编辑 #2：Here's the fixed version 以上 TypeScript Playground 示例。

如果我正确理解了您的问题，您正在尝试为服务方法定义一个返回类型，说明它返回一个承诺，其解决后的结果将是某个对象？

在这种情况下，您就快到了，我已将您的两个示例方法分成不同的块，因为它们需要不同的方法。

总的来说，当您使用胖箭头方法时，我删除了范围复制 (self = this)，这会自动将方法范围限定为外部词法范围。简而言之，没有必要进行范围复制，事实上，在您的示例中 self 并不总是指向服务（因为您复制的是方法内部而不是外部的范围）。

另外，请注意 Angular 承诺的定义（截断）：

interface IDeferred<T> {
    resolve(value?: T): void;
    reject(reason?: any): void;
}

因此，键入 Angular Promise 只会为 promise 的 resolve 情况添加类型，而不是为被拒绝的情况。因此，在调用您的服务时，它会验证成功处理程序中的结果是您定义的类型，但错误处理程序中的参数类型是any。

主题测试

要使此方法起作用，您需要将$q 注入您的服务，然后使用它来创建您自己的deferred

topicTest = (): IPromise<Foo> => { // return a promise which will result in a parameter of MyType upon resolving
    var deferred = this.$q.defer<Foo>(); // Type the deferred to get better 'intellisense' support
    if (this.abc = 99) {
        deferred.resolve(new Foo());
    }
    if (this.abc = 88) {
        deferred.reject("You can pass in whatever you like to the reject case");
    }
    return deferred.promise;
};

主题新提交

$http 已经返回了 Promise，因此您只需附加一个 then 回调并从该方法中返回，以允许将其他 then 回调链接到它。

在这种情况下，您的服务方法的返回类型将是 angular.IPromise<() => any>，您可以将 any 替换为您想要的类型。 then 方法的返回类型必须与您在服务方法的返回类型中为通用占位符选择的任何类型相对应。

topicNewSubmit = () : IPromise<Foo> => {
    return this.$http({ url: this.url, method: "GET" }).then((response): Foo => {
        return new Foo();
    }, (error) => {
        return "whatever you'd like, it does not have to correspond to Foo";
    });
}

然后你可以像使用你的服务

MyService.topicNewSubmit().then((data) => {
    // data needs to be of type T, where T is the type you defined in the generic placeholder of IPromise<T>
}, (error: any) => {
    // In the error case, the parameters are of type any
});

Answer 2

说实话，我觉得你的代码示例是在黑暗中拍摄，但这是我的解决方案。

和 Anzeo 一样，我删除了对 self 或 this 的引用。 $q 和 $http 应该分配到某个地方。

declare var $q: ng.IQService;
declare var $http: ng.IHttpService;

var topicNewSubmit = (): ng.IPromise<any> => {

    var deferred = $q.defer<any>();

    var myData1 = { abc: 123 };

    if (this.abc = 22) {

        deferred.resolve();

    } else if (this.abc = 33) {

        deferred.resolve(myData1);

    } else if (this.abc = 88) {

        deferred.reject();

    } else {

        $http({
            url: this.url,
            method: "GET"
        })
        .then(() => {
            deferred.resolve({ abc: 245 });
        }, () => {
            deferred.reject({ abc: 345 });
        });
    }

    return deferred.promise;
};

Answer 3

回答

您不能返回尚不存在的东西，除非您阻止所有操作直到获得它。由于浏览器 JavaScript（大部分）是单线程的，您不想在文件下载时阻塞线程。因此，您返回一个最终会解决的 promise。消费者需要使用then 函数来最终获得价值。

幽默

承诺是终生的。它的?一直向下?

Answer 4

你可以像这样使用promise

var deferred = $q.deferred();
  $http(api url and method)
    .success function() {
         deferred.resolve(); 
    }
    .failure function()  {
        deferred.reject(); 
    }
    return deferred.promise;