如何理解这个Promise代码？

Question

'use strict';

Promise.resolve(() => 'John')
  .then((args) => {
    console.log(args);
    throw new Error('ops')
  })
  .catch((ex) => {
    console.log(ex)
  })
  .then(() => {
    throw new Error('ups')
    console.log('Doe')
  })

我认为console.log(args); 应该输出'John' ，但是当我运行这段代码时，输​​出是[ [Function] ]

所以我很困惑。

Answer 1

Promise.resolve将使用您传递给它的值创建一个新的Promise。 因此，在您的情况下，您的承诺实际上是通过函数对象解决的。 这意味着， then处理程序将传递给函数对象本身。

你应该做的是

new Promise((resolve, reject) => resolve('John'))
  .then(args => {
    console.log(args);
    throw new Error('ops')
  })
  .catch(console.log.bind(console));

现在，您正在创建一个Promise对象，并且您正在使用值John解析它。

---

如果你希望你的Promise很容易被一个值解析，那么不要传递函数对象，而是将实际值本身传递给Promise.resolve函数。

Promise.resolve('John')
  .then(args => {
    console.log(args);
    throw new Error('ops')
  })
  .catch(console.log.bind(console));

现在，你有一个Promise，用值John解析， then处理程序将获得已解析的值John 。

注意：当您知道实际解决方法时，这是创建Promise的推荐方法，这样您就可以避免Promise构造函数反模式 。

Answer 2

'use strict';

Promise.resolve('John')
  .then((args) => {
    console.log(args);
    throw new Error('ops')
  })
  .catch((ex) => {
    console.log(ex)
  })
  .then(() => {
    throw new Error('ups')
    console.log('Doe')
  })

我修改了Promise.resolve('John') ，它有效。 请参阅Promise.resolve 。

Answer 3

resolve用于将参数直接传递给then-handler

如果你想要'John'，你需要在你的调用中调用匿名函数来解析（）

Promise.resolve(function(){return 'John';}());

注意}()函数调用。