javascript - 如何在 TypeScript 中用 Promise 包装返回类型？

Question

我正在使用 TypeScript 编写 Angular 1.x，并且我有一个负责加载数据的服务 (DataService)。举个简单的例子，它查询一个节点并返回一个节点。在界面中:

getNode(id: number): ng.IPromise<Node>;

以及实现:

  getNode(id: number) {
            return this.ajaxService.getNode(id)
                .then((result: ng.IHttpPromiseCallbackArg<Node>) => {
                    return new Node(result.data.ID, result.data.Name);
                });
        }

但是，我想引入另一项服务来存储这些结果并返回它们(如果我之前已经查询过它们)。所以类似:

getNode(id: number) {
        var loadedNode = this.storageService.nodes.filter(e => (e.ID == id));
        if (loadedNode.length > 0) {
            return loadedNode[0];
        }

        return this.ajaxService.getNode(id)
            .then((result: ng.IHttpPromiseCallbackArg<Node>) => {
                var n = new Node(result.data.ID, result.data.Name);
                this.storageService.nodes.push(n);
                return n;
            });
    }

但是，返回类型失败，因为它需要“ng.IPromise”而不仅仅是“Node”。我怎样才能包装'returnloadedNode[0];'进入某种 promise 返回类型而不是返回实际对象？

Answer 1

你可以这样做，使用 $q-service :

getNode(id: number) {
    var deferred = this.$q.defer();

    var loadedNode = this.storageService.nodes.filter(e => (e.ID == id));
    if (loadedNode.length > 0) {
        // immediately resolve with the cached node
        deferred.resolve(loadedNode[0]);
    } else {
        // else load through service
        this.ajaxService.getNode(id)
            .then((result: ng.IHttpPromiseCallbackArg<Node>) => {
                var n = new Node(result.data.ID, result.data.Name);
                this.storageService.nodes.push(n);

                // resolve with the loaded node
                deferred.resolve(n);
            });
    }

    // return the promise to register callbacks
    return deferred.promise;
}

用法:

myService.getNode(id).then((node) => {
    // success
}, () => {
    // error
});