setTimeout 函数的第三个参数是什么？

Question

我正在阅读一些使用 Promise 对象的代码。

有一个setTimeout带有三个参数的函数，我想知道第三个参数是做什么的？因为通常它只有两个参数。

代码如下：

function timeout(ms) {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, ms , 'done');
    });
}
timeout(1000).then(value => {
    console.log(value);
});

我注意到第三个参数被传递给了函数resolve，但是为什么我可以在函数中使用它then？它是如何工作的？

Answer 1

下面两个例子都可以解释一下

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values); // expected output: Array [3, 42, "foo"]
});

上面的例子可以写成： -

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('foo');
  }, 100)
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values); // expected output: Array [3, 42, "foo"]
});

简而言之，第三个参数是用户需要传递给 setTimeout 的参考函数 [第一个参数] 的参数，这是 Promise。我们可以将此功能称为“参数结转”。