javascript – 承诺在下次之前不等待解决

码：

var x = new Promise((resolve, reject) => {
    setTimeout( function() {
        console.log( 'x done' );
        resolve()
    }, 1000 );
});


Promise.resolve().then(x).then((resolve, reject) => {
    console.log( 'all done' );
});

输出：

all done
x done

预期产量：

x done
all done

在调用下一个回调之前,为什么x不等待解决？

JSfiddle：https://jsfiddle.net/puhbqtu0/1/

解决方法:

因此,当你想在一个系列中运行promises时,你应该将x转换为function并在之后调用它：

function x() {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log('x done');
      resolve()
    }, 1000);
  });
});

Promise.resolve()
  .then(x)
  .then(() => console.log('all done'));

或最简单的变体：

x().then(() => console.log('all done'));

jsfiddle demo