直接传递
- 如果数组中存储的是函数，且要传递给的目标函数的参数列表中明确接受函数类型的参数，可以直接将数组中的函数元素作为参数传递给目标函数。
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));
AI 代码解读
在上述示例中，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);
AI 代码解读
在这个示例中，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));
AI 代码解读
在上述示例中，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);
AI 代码解读
在上述示例中，callbackArray 中的函数作为 setTimeout 的回调函数，分别在延迟 1 秒和 2 秒后执行。同时，callbackArray[0] 还作为 map 方法的回调函数，对数组 numbers 中的每个元素执行相应的操作，返回一个新的数组 doubledNumbers。
通过以上方法，可以灵活地将数组元素中的函数作为参数传递给其他函数，以满足各种不同的编程需求，实现更加强大的功能和更简洁的代码结构。
