当前 Promise 完成后 ES6 无法返回新的 Promise

Question

我需要以某种方式链接 Promise，然后我发现 Promise 可以完成这项工作。

我的要求是这样的： addressService.get 返回一个地址，一旦我得到这个地址并使用它进行另一个调用，它也返回一个 Promise。

所以我的代码是这样的：

class PersonService {
  getPerson() {
    addressService.get().then(({address}) => {
      return 'http://localhost/${address}'
    }).then(url) {
      return new es6Promise.Promise(function(resolve, reject) {
        ApiUtils.get(url, {}, {}, {
          success: resolve, error: reject
        });
      });
    }
  }
}

PersonService's getPerson 也应该返回一个 Promise，这是我返回的第二个 Promise (ApiUtils.get)

但是，上面的代码似乎没有返回 Promise，因为当我在其他地方调用 PersonService.getPerson().then() 时，我得到了一个错误提示

Uncaught TypeError: Cannot read property 'then' of undefined 

我错过了什么吗？

Answer 1

那是因为getPerson() 什么都不返回。您缺少 return 关键字。

正确的结构是：

getPerson() {
 return addressService.get()
                      .then(...)
                      .then(...);
}

---

旁注：还有其他几个拼写错误/小错误需要修复：

class PersonService {
  getPerson() {
    return addressService.get().then(({address}) => { // <== Added return at beginning of line
      return `http://localhost/${address}`;           // <== Use ` (backtick), not ', for template strings
    }).then(url => {                                  // <== Fixed typo
      return new es6Promise.Promise(function(resolve, reject) {
        ApiUtils.get(url, {}, {}, {
          success: resolve, error: reject
        });
      });
    });                                               // <== Fixed typo
  }
}