如何在 JS 中将 2 个可序列化函数合并为 1 个可序列化 function？

Question

如您所知，在某些情况下（例如，在工作人员中使用），函数需要可序列化（当然，另一方面，也可以反序列化）。 我有这样的情况； 一个库 function（即我无法更改它） doSomething(serializableFunction)期望我提供这样的 function。 它还期望serializableFunction接受 1 个参数x并将x给它。

到目前为止，这对我来说不是问题。 我有一个来自另一个库的 function f(x)满足了我的目的（所以到目前为止我只调用了doSomething(f) ）。 但是现在，我有第二个可序列化的 function g(x) ，也来自一个库，我想要 function 我给doSomething执行f或g ，取决于x 。 所以我尝试了：

doSomething(function h(x) {
  if (x < 5) return f(x);
  else return g(x);
});

如果没有序列化，这会很好地工作，但是有了它，当然会抛出错误，因为h不再可序列化：它调用f和g ，在反序列化时不再知道它们！

所以目前我正在做：

doSomething(eval(`function h(x) {
  const f = ${f.toString()};
  const g = ${g.toString()};
  if (x < 5) return f(x);
  else return g(x);
}`));

这可行，但这是一场噩梦：所以我的问题是：有没有更好的方法将 2 个可序列化函数（如f和g ）合并到 1 个也可序列化的 function 中？ 请注意，我不能更改任何f 、 g或doSomething ，只能更改h ！

Answer 1

我想到了一个用new Funciton替换eval的解决方案。 不是最好的，但更好一点。

下面的例子：

 function f(a) { console.log("f", a); } function g(b) { console.log("f", b); } function doSomething(func) { const y = 1; func(y); } const funcBody = `return function () { const f = ${f.toString()}; const g = ${g.toString()}; if (x < 5) return f(x); else return g(x); }()`; const func = new Function("x", funcBody); doSomething(func);

或者您可以添加一些抽象，如下所示：

 function f(a) { console.log("f", a); } function g(b) { console.log("f", b); } function doSomething(func) { const y = 1; func(y); } const getFuncArray = (name = "x") => [ name, `return function () { const f = ${f.toString()}; const g = ${g.toString()}; if (${name} < 5) return f(${name}); else return g(${name}); }()`, ]; const res = new Function(...getFuncArray()); doSomething(res);