如何创建一个函数来调用带有附加到 JavaScript 中的参数的部分函数的函数？

在 JavaScript 中，我们可以使用高阶函数的概念来创建一个函数，以调用具有附加参数的部分函数。部分函数是指将一个或多个参数绑定到函数中，并返回一个新函数，该新函数仅需要提供其他参数。下面是使用 JavaScript 创建一个调用带有附加参数的部分函数的函数的示例。

1. 使用闭包创建部分函数

function partial(fn, ...presetArgs) {
  return function(...args) {
    return fn.apply(this, [...presetArgs, ...args]);
  };
}

在上面的代码中，我们定义了一个名为 partial 的函数，它接受一个函数 fn 和任意数量的预设参数 presetArgs。该函数返回一个新函数，该新函数在调用时会将 presetArgs 与传入的参数 args 结合，并调用原始函数 fn。

使用该函数，我们可以创建一个部分函数，并调用它：

function add(a, b) {
  return a + b;
}

const add5 = partial(add, 5);

console.log(add5(3)); // 输出 8

在上面的示例中，我们创建了一个部分函数 add5，它是将预设参数 5 与 add 函数结合后得到的。当我们调用 add5(3) 时，它实际上调用了 add(5, 3)。

2. 使用箭头函数简化部分函数的创建

在上面的示例中，我们使用了普通的函数来创建部分函数。在现代 JavaScript 中，我们可以使用箭头函数来更简洁地创建部分函数。

const partial = (fn, ...presetArgs) => (...args) => fn(...presetArgs, ...args);

通过使用箭头函数，我们可以像下面的示例那样创建和调用部分函数：

const multiply = (a, b) => a * b;

const multiplyBy2 = partial(multiply, 2);

console.log(multiplyBy2(5)); // 输出 10

在上面的示例中，我们创建了一个部分函数 multiplyBy2，它是将预设参数 2 与 multiply 函数结合后得到的。当我们调用 multiplyBy2(5) 时，它实际上调用了 multiply(2, 5)。

结论

通过使用闭包或箭头函数，我们可以创建一个函数来调用具有附加参数的部分函数。这种技术使我们能够更灵活地使用函数，并在需要时快速创建具有特定预设参数的函数。

请注意，上面的示例仅为演示目的，并不涵盖所有可能的用例。根据实际情况，您可能需要适应代码以满足特定需求。