很难理解 Promise.resolve() 和 Promise 链之间的区别

Question

我很难理解使用 Promise.resolve() 和简单使用 Promise 之间的区别。

这个解释似乎有点难以理解，所以我举个小例子：

例如，我有一个方法可以返回这样的承诺：

requestPokemon() {
  return new Promise((resolve, reject) => {
    axios.get("https://pokeapi.co/api/v2/pokemon/1").then(value => {
      resolve(value);
    })
    .catch(error => {
      reject(error);
    })
  });
}

所以，现在我可以调用这个方法并链接承诺，我想出了两种方法，当 Promise.resolve 更好与否时无法获得它，我的问题是理解这一点。

所以我通过两种方式解决了它：

第一：

Promise.resolve(this.requestPokemon()).then(value => {
  this.pokemon = value.data.name;
}).catch(error => {
  console.log(error);
})

秒：

this.requestPokemon().then(value => {
  this.pokemon = value.data.name;
}).catch(error => {
  console.log(error);
})

请我稍微解释一下这样做的优缺点，我非常感谢您的帮助。

谢谢

Answer 1

一开始你不需要在你的requestPromise中构造一个promise（那是一个antipattern），只需从axios返回一个：

  requestPokemon() {
    return axios.get("https://pokeapi.co/api/v2/pokemon/1");
 }

现在让我们看看这一行：

 Promise.resolve(this.requestPokemon()).then(/*...*/)

它将创建一个新的 Promise，当 axios Promise 解析或拒绝时，它会解析或拒绝，并向其添加 then 处理程序。所以它会像这样被链接起来：

 resolve() -> Promise (axios) -> Promise (Promise.resolve) -> then
 reject() -> Promise (axios) -> Promise (Promise.resolve) -> catch

所以你可以看到Promise.resolve 只是传递数据，所以实际上它是多余的。我们实际上只需要：

 resolve() -> Promise (axios) -> then
 reject() -> Promise (axios) -> catch

可以通过以下方式完成：

 this.requestPokemon().then(/*...*/, /*...*/);

请我稍微解释一下这样做的优缺点

添加Promise.resolve 只是输入更多，可读性降低，语法上没有区别。