如何将数组元素中的函数作为参数传递给其他函数？

直接传递

• 如果数组中存储的是函数，且要传递给的目标函数的参数列表中明确接受函数类型的参数，可以直接将数组中的函数元素作为参数传递给目标函数。

const arr = [function add(a, b) {
    return a + b; }, function multiply(a, b) {
    return a * b; }];

function performOperation(func, num1, num2) {
   
  return func(num1, num2);
}

console.log(performOperation(arr[0], 3, 5));
console.log(performOperation(arr[1], 2, 4));

在上述示例中，performOperation 函数接受一个函数参数 func 以及两个数值参数 num1 和 num2。通过 performOperation(arr[0], 3, 5) 和 performOperation(arr[1], 2, 4) 直接将数组 arr 中的函数元素作为参数传递给 performOperation 函数，实现了相应的加法和乘法运算。

遍历数组传递

• 当数组中有多个函数元素，且需要逐个将这些函数作为参数传递给目标函数时，可以使用循环遍历数组的方式来实现。

const functionsArray = [
  function subtract(a, b) {
    return a - b; },
  function divide(a, b) {
    return a / b; },
  function power(a, b) {
    return a ** b; }
];

function applyFunctionToNumbers(funcArray, num1, num2) {
   
  for (const func of funcArray) {
   
    console.log(func(num1, num2));
  }
}

applyFunctionToNumbers(functionsArray, 10, 2);

在这个示例中，applyFunctionToNumbers 函数接受一个函数数组 funcArray 以及两个数值参数 num1 和 num2。通过 for...of 循环遍历函数数组，在每次循环中将当前函数作为参数传递给 applyFunctionToNumbers 函数内部的 func(num1, num2) 调用，从而对每个函数执行相应的操作并输出结果。

结合解构赋值传递

• 可以先使用解构赋值将数组中的函数提取到变量中，再将变量作为参数传递给其他函数。这种方式在数组中函数与其他元素混合存储时比较有用。

const mixedArray = [10, function double(num) {
    return num * 2; }, 20];

function processValueAndFunction([value, func]) {
   
  console.log(func(value));
}

processValueAndFunction(mixedArray.slice(0, 2));

在上述示例中，mixedArray 数组中既包含数值元素又包含函数元素。通过 processValueAndFunction(mixedArray.slice(0, 2)) 先提取数组的前两个元素，再在 processValueAndFunction 函数内部使用解构赋值 const { value, func } = [value, func]; 将提取的元素分别赋值给变量 value 和 func，最后将变量 func 作为参数传递给 func(value) 调用，实现了对数组中函数元素的提取和传递，并执行相应的操作。

作为回调函数传递

• 在一些异步操作或事件处理的场景中，数组中的函数常常作为回调函数传递给其他函数。例如，在数组的 map、filter、reduce 等方法中，或者在定时器的回调函数中使用数组中的函数。

const callbackArray = [function callback1() {
    console.log('Callback 1 executed'); }, function callback2() {
    console.log('Callback 2 executed'); }];

setTimeout(callbackArray[0], 1000);
setTimeout(callbackArray[1], 2000);

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(callbackArray[0]);
console.log(doubledNumbers);

在上述示例中，callbackArray 中的函数作为 setTimeout 的回调函数，分别在延迟 1 秒和 2 秒后执行。同时，callbackArray[0] 还作为 map 方法的回调函数，对数组 numbers 中的每个元素执行相应的操作，返回一个新的数组 doubledNumbers。

通过以上方法，可以灵活地将数组元素中的函数作为参数传递给其他函数，以满足各种不同的编程需求，实现更加强大的功能和更简洁的代码结构。