Promise：如何传递带参数的函数？ [复制]

Posted 2023-03-08

【中文标题】Promise：如何传递带参数的函数？ [复制]

【英文标题】：Promise: how to pass function with parameters? [duplicate]

【发布时间】：2019-01-12 09:05:18

【问题描述】：

在下面的测试代码中，我尝试将带有参数（即 t2、t3）的预定义函数传递给 then。但它抱怨“r”未定义。

var Promise = require('bluebird');

var t2 = function(r) 
    console.log("2r: " + r);
    return 2 * r;
;

var t3 = function(r) 
    console.log("3r: " + r);
    return 3 * r;
;

new Promise(function(resolve, reject) 

    setTimeout(function() 
        resolve(1);
        reject(2)
    , 1000);
)
.then(t2(r), t3(r))
.then(t2(r), t3(r))
.then(t2(r), t3(r));

【参考方案1】：

只需传递函数名称即可：

var t2 = function(r) 
  console.log("2r: " + r);
  return 2 * r;
;

var t3 = function(r) 
  console.log("3r: " + r);
  return 3 * r;
;

new Promise(function(resolve, reject) 

    setTimeout(function() 
      resolve(1);
      reject(2)
    , 1000); // (*)

  )
  .then(t2, t3)
  .then(t2, t3)
  .then(t2, t3);

如果你实际上想要传递额外的参数你事先知道，让t2和t3高阶函数return 函数，以便您可以在 .then 的参数列表中调用：

var t2 = extra => r => 
  console.log("2r: " + r);
  console.log('extra param: ' + extra);
  return 2 * r;
;

var t3 = extra => r => 
  console.log("3r: " + r);
  console.log('extra param: ' + extra);
  return 3 * r;
;


const r = 'foo';
new Promise(function(resolve, reject) 

    setTimeout(function() 
      resolve(1);
      reject(2)
    , 1000); // (*)

  )
  .then(t2(r), t3(r))
  .then(t2(r), t3(r))
  .then(t2(r), t3(r));

【参考方案2】：

您没有将r 传递给函数。 .then 将值传递给回调。

new Promise(function (resolve, reject) 
  setTimeout(function () 
    resolve(1)
    reject(2)
  )
)
.then((r) => /* do stuff with r here */)

如果您需要注销结果，您会得到类似.then((r) => t2(r); t3(r); ) 的信息。如果您只需要返回乘法函数（或其他）的结果，.then(t2) 将起作用（对于一个函数）。请注意，我在这里使用箭头函数；它们现在可以在 Node 和大多数浏览器中使用，但如果需要，您可以使用 function 关键字。

你在这里也奇怪地使用了逗号运算符——记住，它基本上与有一个语句和 then 一个返回相同，因为你的函数不执行任何突变（只是log 副作用），您实际上不会使用每个 .then 中的第一个函数影响任何数据。