js高阶函数与闭包

JS高阶函数与闭包

高阶函数

基础概念：高阶函数是指至少满足下列一个条件的函数：

接受一个或多个函数作为参数。
返回一个函数作为结果。

优势：

代码复用：通过传递不同的函数作为参数，可以复用相同的逻辑。
灵活性：高阶函数使得代码更加灵活，可以轻松地组合和修改行为。

类型：

函数作为参数：例如 Array.prototype.map、Array.prototype.filter。
函数作为返回值：例如工厂函数、柯里化函数。

应用场景：

数据处理：使用 map、filter、reduce 等高阶函数处理数组数据。
事件处理：在事件监听器中使用高阶函数来处理不同的事件。

示例代码：

// 高阶函数示例：接受一个函数作为参数
function withLogging(fn) {
    return function(...args) {
        console.log(`Calling function ${fn.name} with args:`, args);
        const result = fn(...args);
        console.log(`Function ${fn.name} returned:`, result);
        return result;
    };
}

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

const loggedAdd = withLogging(add);
loggedAdd(2, 3); // 输出日志并返回结果

闭包

基础概念：闭包是指一个函数能够记住并访问它的词法作用域，即使这个函数在其词法作用域之外执行。

优势：

数据封装：闭包可以用来创建私有变量和方法，避免全局污染。
函数工厂：闭包可以用来创建函数工厂，生成具有特定上下文的函数。

应用场景：

模块模式：通过闭包实现模块化，封装私有变量和方法。
回调函数：在异步编程中，闭包可以用来记住上下文数据。

示例代码：

// 闭包示例：创建私有变量
function createCounter() {
    let count = 0;
    return {
        increment: function() {
            count++;
            return count;
        },
        decrement: function() {
            count--;
            return count;
        }
    };
}

const counter = createCounter();
console.log(counter.increment()); // 1
console.log(counter.increment()); // 2
console.log(counter.decrement()); // 1

高阶函数与闭包结合

高阶函数和闭包经常结合使用，以实现更复杂的功能。例如，通过高阶函数返回一个闭包，可以创建具有特定行为的函数。

示例代码：

// 高阶函数与闭包结合示例
function createMultiplier(multiplier) {
    return function(number) {
        return number * multiplier;
    };
}

const double = createMultiplier(2);
const triple = createMultiplier(3);

console.log(double(5)); // 10
console.log(triple(5)); // 15

在这个示例中，createMultiplier 是一个高阶函数，它返回一个闭包，这个闭包记住了 multiplier 的值，并在调用时使用它来计算结果。