两个函数的Javascript回调

Question

有没有办法用 Javascript (ES6) 实现下面的代码？

如果是，我该怎么做？我尝试了这个示例，但没有成功。

const funcA = (callback, arg1) => {
  console.log("Print arg1: " + arg1); /* Print arg1: argument1 */
  let x = 0;
  x = callback(x, );
  return x;
}

const funcB = (x, prefix) => {
  console.log("Print prefix: " + prefix); /* Print prefix: PREFIX_ */
  x = x + 1;
  return x;
}

/* Exec function funcA */
let x = funcA(funcB( ,"PREFIX_"), "argument1");
console.log("Value of x: " + x); /* Value of x: 1 */

Answer 1

这是一种使用定义的占位符作为符号来标识尚未设置的参数的方法。

它具有一个this 对象，该对象绑定到调用函数以进行进一步检查和评估。

如果arguments object和this.arg的组合数组中没有placeholder项，则调用函数并返回函数调用。

如果没有，则新的参数数组绑定到函数并返回。

[?] 表示占位符

 funcB    x    prefix       this.args        args       action
-------  ---  ---------  -------------  --------------  ------------------------------
1. call  [?]  "PREFIX_"                 [?], "PREFIX_"  return calling fn w/ bound args
2. call   0      [?]     [?], "PREFIX_"  0,  "PREFIX_"  return fn call with args
3. call   0   "PREFIX_"                                 return 1

（当然它可以更短一些并委托给另一个函数，但这是一个概念证明。）

function funcA(callback, arg1) {
    console.log('funcA', callback, arg1)
    return callback(0, placeholder);
}

function funcB(x, prefix) {
    var args = this && this.args || [],
        temp = Array.from(arguments);

    console.log('funcB', isPlaceholder(x) ? '[?]' : x, isPlaceholder(prefix) ? '[?]' : prefix);

    // placeholder part
    if (temp.some(isPlaceholder)) {
        temp.forEach((a, i) => isPlaceholder(a) && i in args || (args[i] = a));
        return args.some(isPlaceholder)
            ? funcB.bind({ args })
            : funcB(...args);
    }

    // origin function body
    return x + 1;
}

const
    placeholder = Symbol('placeholder'),
    isPlaceholder = v => v === placeholder;

console.log("Value of x: " + funcA(funcB(placeholder, "PREFIX_"), "argument1"));

Answer 2

在js中还不能部分应用。您需要另一个用作回调的箭头函数：

funcA(x => funcB(x ,"PREFIX_"), "argument1");

调用你不需要额外的逗号：

x = callback(x)

有些时候this proposal 可能允许这样写：

 funcA( funcB(?, "PREFIX_"), "argument1")

Answer 3

一种方法是定义一个默认参数，该参数是传递给funcA 的第一个参数的函数，并在调用funcA 时使用var 定义x

const funcA = (callback, arg1) => {
  console.log("Print arg1: " + arg1);
  let x = 0;
  x = callback(x, arg1);
  return x;
}

const funcB = (x, prefix) => {
  console.log("Print prefix: " + prefix);
  x = x + 1;
  return x;
}

/* Exec function funcA */
var x = funcA(x = () => funcB(x = 0 ,"PREFIX_"), "argument1");
console.log("Value of x: " + x);