javascript - Promise 链中的 .then(console.log()) 和 .then(() => console.log()) 在执行上有何不同

Question

这个问题在这里已经有了答案:





What is the difference between a function call and function reference?

(6 个回答)


8 个月前关闭。




效率有区别吗？
如果使用 setTimeout 而不是 console.log()，行为会有什么不同

Answer 1

你基本上可以做到这三件事

.then(console.log())

这会立即调用console.log，而无需等到promise 得到解决，因此这可能不是您想要做的事情。

.then(console.log)

只有在 promise 成功解决(需要一个函数调用)后才会执行 console.log，并将 promise 的结果隐式传递给 console.log 函数。

.then(() => console.log())

和以前一样，需要 2 个函数调用，但您可以轻松地将一些其他参数传递给它。

要在第二种情况下将附加参数传递给 console.log，您需要使用 Function.prototype.bind方法。

const promise = new Promise((resolve, reject) => {
  resolve('');
});
promise.then(console.log.bind(console, 'new arg'));

并查看上述所有三个案例的实际效果

const promise1 = new Promise((resolve, reject) => {
  resolve('promise 1');
});
promise1.then(console.log());

const promise2 = new Promise((resolve, reject) => {
  resolve('promise 2');
});
promise2.then(console.log);

const promise3 = new Promise((resolve, reject) => {
  resolve('promise 3');
});
promise3.then(v => console.log(v));

在第一种情况下，console.log 没有接收和参数。在第二种情况下，console.log 隐式地从 Promise 接收到值，而在第三种情况下，它显式地接收到相同的值。

在这种情况下，第二种和第三种情况在性能上的唯一区别是第三种情况执行了一次函数调用(这是我们真正不必担心的事情)。