Javascript Promise.prototype.then() 排序问题[重复]

Question

我是 JS 新手。 我刚去了MDN网站 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then 围绕给出的示例进行操作。 我将示例更改为

var promise1 = new Promise(function(resolve, reject) {
  resolve('Success!');
});

promise1
  .then(value => console.log(value))
  .then(console.log('1'))
  .then(console.log('2'))
  .then(console.log('3'))
  .then(console.log('4'))
  .then(console.log('5'));

我希望结果是成功！然后是 1，一直到 5。 但是，结果是1比5，然后成功！ 我觉得有点奇怪。 我已经很好地链接了它，但没有“分支”它。非常感谢

Answer 1

您将console.log 表达式的结果提供给then，而不是在执行时记录数字的函数：

var promise1 = new Promise(function(resolve, reject) {
  resolve('Success!');
});

promise1
  .then(value => console.log(value))
  .then(() => console.log('1'))
  .then(() => console.log('2'))
  .then(() => console.log('3'))
  .then(() => console.log('4'))
  .then(() => console.log('5'));

Answer 2

那是因为你使用了then(console.log(...)) 这将执行console.log 并将结果作为传递给then 的参数

是这样的：

var promise1 = new Promise(function(resolve, reject) {
  resolve('Success!');
});

var par1 = console.log('1'),
    par2 = console.log('2'),
    par3 = console.log('3'),
    par4 = console.log('4'),
    par5 = console.log('5');

promise1
  .then(value => console.log(value))
  .then(par1)
  .then(par2)
  .then(par3)
  .then(par4)
  .then(par5);