如何使用 done() 或 next() 将参数传递给下游函数

Question

我是 next()、done() 等的新手，并且正在努力在串行执行/可能异步函数的链接之间传播参数。

我想强制串行执行 2 个函数，这样它们就可以用类似的方式调用：

f1('#{arg1a}', '#{arg1b}').done(
  f2('#{arg2a}', '#{arg2b}')
);

或类似：

f1('#{arg1a}', '#{arg1b}', '#{arg2a}', '#{arg2b}').done(f2);

传入的 arg 值是使用 JSF 从查询参数中收集的。

注意：

• arg2a 和 arg2b 在我的情况下与 arg1a 和 arg1b 完全无关，f2 的调用不会以任何方式取决于 f1 中发生的事情，其他它必须在之后严格执行，即使 f1 通常是异步的。

• 我还没有在 done() 中定义即时匿名函数或类似的函数，我希望能够使用一些已知参数调用库定义的函数。

在本例中，函数类似于：

function f1(arg1a, arg1b) {

   //do something with arg1a, arg1b

  return $.Deferred().resolve();
}

function f2(arg2a, arg2b) {
  // Do something with arg2a and arg2b AFTER f1 has fully run.
}

或类似：

function f1(arg1a, arg1b, arg2a, arg2b) {

   //do something with arg1a, arg1b

  // Somehow ensure f1 is finished then execute f2(arg2a, arg2b)
}

function f2(arg2a, arg2b) {
  // Do something with arg2a and arg2b AFTER f1 has fully run.
}

仅使用回调链接不适用于我正在处理的情况。另见：How link to and target/open a p:tab within an p:accordionPanel within a p:tab within a p:tabview

一个可接受的答案必须允许我有一个带有预定义参数的预定义函数 f2

Answer 1

需要将参数传递给.resolve()，然后使用.then()

function f1(arg1a, arg1b) {

  return $.Deferred(function(dfd) {
    //do something with arg1a, arg1b
    // you can alternatively call `.resolve()` without passing parameters
    // when you are finished doing something with `arg1a`, `arg1b`,
    // which should call chained `.then()` where `f2` is called
    dfd.resolve(arg1a, arg1b)
  }).promise();
}

function f2(arg2a, arg2b) {
  // Do something with arg2a and arg2b AFTER f1 has fully run.
}

f1(arg1, arg2)
.then(function() {
  // call `f2` here
  f2('#{arg2a}', '#{arg2b}');
})
// handle errors
.catch(function(err) { // alternatively use `.fail()`
  console.log(err)
});

jsfiddle https://jsfiddle.net/wuy8pj8d/

Answer 2

除了忘记将将来要执行的代码（最终调用 done 时）包装在函数中之外，您几乎做对了：

f1('#{arg1a}', '#{arg1b}').done(function(){
  f2('#{arg2a}', '#{arg2b}')
});

这也适用于常规回调。例如，假设您已将 f1 定义为接受回调而不是承诺，那么您会这样做：

f1('#{arg1a}', '#{arg1b}',function(){
  f2('#{arg2a}', '#{arg2b}')
});

这里没有什么特别的。强制回调接受自定义参数没有单独的语法，只需将其包装在另一个函数中即可。

由于闭包，这也适用于变量：

var a='#{arg1a}', b='#{arg1b}';
var c='#{arg2a}', d='#{arg2b}';

f1(a,b).done(function(){
  f2(c,d)
});

变量c 和d 可以在done() 中访问。