高阶函数离不开闭包

2024-01-26 16:44
文章标签 函数 高阶 闭包 离不开

本文主要是介绍高阶函数离不开闭包，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

  • 高阶函数详解
    • 高阶函数的定义
    • 函数作为参数传递
    • 代码示例：
    • 函数作为返回值
    • 代码示例：
    • 高阶函数的应用场景
  • 高阶函数与闭包的关系
    • 高阶函数中闭包的使用
  • 利用闭包特性增强高阶函数功能
    • 代码示例：实现一个简单的函数修饰器
    • 闭包与高阶函数结合的实际案例
      • 1. 实现一个函数计数器
      • 2. 实现一个函数缓存器

高阶函数详解
高阶函数
函数作为参数
函数作为返回值
函数的嵌套使用
增强功能
代码复用
函数式编程

高阶函数的定义

在JavaScript中，高阶函数是指那些以函数作为参数或返回函数的函数。高阶函数是函数式编程的重要组成部分，它们提供了强大的抽象和组合能力，使得代码更加模块化和可重用。

函数作为参数传递

当一个函数接受另一个函数作为参数时，它就是一个高阶函数。这种模式在JavaScript中非常常见，特别是在数组方法和一些回调函数中。

代码示例：

// 数组方法 forEach 接受一个函数作为参数
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(num) {console.log(num);
});// 自定义高阶函数，接受一个函数作为参数
function applyOperation(arr, operation) {const result = [];for (let i = 0; i < arr.length; i++) {result.push(operation(arr[i]));}return result;
}// 定义一个函数用于平方
function square(x) {return x * x;
}// 使用高阶函数
const squares = applyOperation([1, 2, 3, 4, 5], square);
console.log(squares); // 输出 [1, 4, 9, 16, 25]

函数作为返回值

高阶函数还可以返回一个新的函数。这种模式常用于实现函数工厂、函数修饰器或者实现闭包。

代码示例：

// 返回一个使输入值翻倍的函数
function createMultiplier(factor) {return function(x) {return x * factor;};
}// 使用 createMultiplier 创建一个新的函数
const double = createMultiplier(2);
console.log(double(5)); // 输出 10const triple = createMultiplier(3);
console.log(triple(5)); // 输出 15

高阶函数的应用场景

  1. 数组方法：JavaScript的数组对象提供了许多高阶函数，如map、filter和reduce。

    • map：对数组中的每个元素应用一个函数，并返回一个新的数组。
    • filter：根据一个函数返回的真假值，过滤数组中的元素。
    • reduce：通过累积数组中的每个元素（从左到右），最终返回一个单一的值。
    const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(x => x * x);
const evens = numbers.filter(x => x % 2 === 0);
const sum = numbers.reduce((acc, x) => acc + x, 0);console.log(squares); // [1, 4, 9, 16, 25]
console.log(evens); // [2, 4]
console.log(sum); // 15

  2. 函数组合与柯里化：高阶函数可以用于组合或柯里化其他函数，创建出更复杂的行为。

    • 函数组合：将多个函数组合成一个新函数，输入通过这些函数进行转换。
    • 柯里化：将一个接受多个参数的函数转换成一系列使用一个参数的函数。
    // 函数组合示例
function compose(f, g) {return function(x) {return f(g(x));};
}function square(x) {return x * x;
}function double(x) {return x * 2;
}const squareOfDouble = compose(square, double);
console.log(squareOfDouble(5)); // 输出 100 (因为 (5 * 2) * (5 * 2) = 100)// 柯里化示例
function curry(f) {return function curried(...args) {if (args.length >= f.length) {return f.apply(this, args);} else {return function(...args2) {return curried.apply(this, args.concat(args2));};}};
}function sum(a, b, c) {return a + b + c;
}const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // 输出 6

  3. 异步编程与Promise：在异步编程中，高阶函数常常与Promise一起使用，用于处理异步操作的结果。

    // 模拟异步操作
function asyncOperation(value) {return new Promise((resolve, reject) => {setTimeout(() => {resolve(value * 2);}, 1000);});
}// 使用 Promise 和高阶函数处理异步操作
function handleAsync(operation) {return function(value) {return operation(value).then(result => {console.log(result);return result;});};
}const handleDouble = handleAsync(asyncOperation);
handleDouble(5).then(finalResult => {console.log('Final result:', finalResult); // 输出 10
});

在实际项目中，高阶函数提供了强大的抽象和代码重用机制，使得代码更加清晰、简洁且易于维护。它们也是函数式编程风格的核心组成部分，可以帮助开发者编写出更加模块化、无状态和可预测的代码。

高阶函数与闭包的关系

闭包基础

高阶函数和闭包在JavaScript中是紧密相关的概念。闭包是一个能够访问和操作其外部词法环境（lexical environment）的函数。而高阶函数则是操作函数的函数，它接收函数作为参数或返回函数。当高阶函数返回一个新函数时，这个新函数通常会形成一个闭包，因为它可以记住自己被创建时的环境，包括外部变量和函数参数。

高阶函数中闭包的使用

在高阶函数中，闭包常常被用来保存状态或实现函数的私有变量。当高阶函数返回一个新函数时，新函数形成了一个闭包，它可以访问高阶函数的参数和变量，甚至在高阶函数执行完毕后，这些变量依然可以被闭包访问。

利用闭包特性增强高阶函数功能

利用闭包的特性，我们可以增强高阶函数的功能，例如实现函数修饰器、数据封装、回调函数和高阶组件等。

代码示例：实现一个简单的函数修饰器

// 定义一个函数修饰器，用于增强函数的功能
function enhancer(fn) {// 这里使用闭包来保存状态let count = 0;// 返回一个新的函数，这个函数会形成一个闭包return function(...args) {count++;console.log(`Function has been called ${count} times.`);// 调用原始函数，并返回其结果return fn.apply(this, args);};
}// 定义一个简单的函数
function sayHello(name) {console.log(`Hello, ${name}!`);
}// 使用修饰器增强函数
const enhancedSayHello = enhancer(sayHello);// 调用增强后的函数
enhancedSayHello('Alice'); // 输出 "Function has been called 1 times." 和 "Hello, Alice!"
enhancedSayHello('Bob');   // 输出 "Function has been called 2 times." 和 "Hello, Bob!"

在上面的示例中，enhancer 是一个高阶函数，因为它接收一个函数 fn 作为参数，并返回一个新的函数。这个新函数形成了一个闭包，因为它可以访问并修改 enhancer 函数内部的 count 变量。每次调用增强后的函数 enhancedSayHello 时，闭包都会更新 count 的值，并输出调用次数。

通过闭包和高阶函数的结合使用，我们可以创建出功能强大且易于复用的代码模块。这种技术在现代JavaScript编程中非常常见，特别是在构建复杂的前端应用时。

闭包与高阶函数结合的实际案例

1. 实现一个函数计数器

函数计数器是一个很好的闭包与高阶函数结合的案例。计数器需要记住它之前的状态（即当前的计数），并在每次调用时更新这个状态。闭包能够记住自己的词法环境，包括 this 和外部变量，所以它们非常适合用来实现这样的功能。

// 创建一个函数，该函数返回一个新的函数，这个新函数会作为计数器
function createCounter() {// 计数器初始值为 0let count = 0;// 返回的函数将形成一个闭包，它可以访问并更新 count 变量return function() {count += 1; // 每次调用时，计数器加 1return count; // 返回当前的计数值};
}// 使用 createCounter 创建一个新的计数器函数
const counter = createCounter();// 调用计数器函数
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2
console.log(counter()); // 输出 3// 创建另一个计数器，它是独立的
const anotherCounter = createCounter();
console.log(anotherCounter()); // 输出 1

在这个例子中，createCounter 是一个高阶函数，因为它返回了另一个函数。返回的函数形成了一个闭包，因为它可以记住并更新 createCounter 函数内部的 count 变量。

2. 实现一个函数缓存器

另一个使用闭包和高阶函数的案例是实现一个函数缓存器（也称为记忆函数）。这种函数会存储之前计算的结果，并在再次调用时使用缓存的结果，而不是重新计算。这对于优化计算密集型或耗时的函数非常有用。

// 创建一个函数缓存器
function createCache(fn) {// 用于存储缓存结果的对象const cache = {};// 返回的函数将形成一个闭包，它可以访问 cache 对象和原始函数 fnreturn function(...args) {// 将参数转换为字符串，以便用作缓存键const key = JSON.stringify(args);// 如果缓存中已经有这个结果，就直接返回它if (cache[key] !== undefined) {console.log(`Fetching ${key} from cache.`);return cache[key];}// 否则，调用原始函数进行计算，并将结果存入缓存const result = fn.apply(this, args);cache[key] = result;console.log(`Storing ${key} in cache.`);return result;};
}// 一个简单的函数，用于模拟耗时计算
function slowComputation(a, b) {console.log(`Computing ${a} + ${b}`);return a + b; // 假设这是一个复杂的计算
}// 创建一个缓存版本的 slowComputation 函数
const cachedComputation = createCache(slowComputation);// 第一次调用会进行计算并缓存结果
console.log(cachedComputation(1, 2)); // 输出 "Computing 1 + 2", "Storing ["1","2"] in cache.", 3// 第二次调用会直接从缓存中获取结果
console.log(cachedComputation(1, 2)); // 输出 "Fetching ["1","2"] from cache.", 3// 不同的参数会触发新的计算并缓存结果
console.log(cachedComputation(3, 4)); // 输出 "Computing 3 + 4", "Storing ["3","4"] in cache.", 7

在这个例子中，createCache 是一个高阶函数，因为它接收一个函数 fn 作为参数，并返回另一个函数。返回的函数形成了一个闭包，因为它可以记住并更新 createCache 函数内部的 cache 对象。这使得我们可以缓存函数的调用结果，并在后续调用中重用它们，从而提高性能。

这篇关于高阶函数离不开闭包的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/647418。

相关文章

Kotlin 作用域函数apply、let、run、with、also使用指南

Kotlin 作用域函数apply、let、run、with、also使用指南

《Kotlin作用域函数apply、let、run、with、also使用指南》在Kotlin开发中,作用域函数（ScopeFunctions）是一组能让代码更简洁、更函数式的高阶函数,本文将... 目录一、引言：为什么需要作用域函数？二、作用域函China编程数详解1. apply：对象配置的 “流式构建器”最
阅读更多...
Android Kotlin 高阶函数详解及其在协程中的应用小结

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民（First-ClassCitizen）,使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数？3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda
阅读更多...
C++中::SHCreateDirectoryEx函数使用方法

C++中::SHCreateDirectoryEx函数使用方法

《C++中::SHCreateDirectoryEx函数使用方法》::SHCreateDirectoryEx用于创建多级目录,类似于mkdir-p命令,本文主要介绍了C++中::SHCreateDir... 目录1. 函数原型与依赖项2. 基本使用示例示例 1：创建单层目录示例 2：创建多级目录3. 关键注
阅读更多...
C++中函数模板与类模板的简单使用及区别介绍

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中，模板是实现泛型编程
阅读更多...
kotlin的函数forEach示例详解

kotlin的函数forEach示例详解

《kotlin的函数forEach示例详解》在Kotlin中,forEach是一个高阶函数,用于遍历集合中的每个元素并对其执行指定的操作,它的核心特点是简洁、函数式,适用于需要遍历集合且无需返回值的场... 目录一、基本用法1️⃣ 遍历集合2️⃣ 遍历数组3️⃣ 遍历 Map二、与 for 循环的区别三、高
阅读更多...
C语言字符函数和字符串函数示例详解

C语言字符函数和字符串函数示例详解

《C语言字符函数和字符串函数示例详解》本文详细介绍了C语言中字符分类函数、字符转换函数及字符串操作函数的使用方法,并通过示例代码展示了如何实现这些功能,通过这些内容,读者可以深入理解并掌握C语言中的字... 目录一、字符分类函数二、字符转换函数三、strlen的使用和模拟实现3.1strlen函数3.2st
阅读更多...
MySQL中COALESCE函数示例详解

MySQL中COALESCE函数示例详解

《MySQL中COALESCE函数示例详解》COALESCE是一个功能强大且常用的SQL函数,主要用来处理NULL值和实现灵活的值选择策略,能够使查询逻辑更清晰、简洁,：本文主要介绍MySQL中C... 目录语法示例1. 替换 NULL 值2. 用于字段默认值3. 多列优先级4. 结合聚合函数注意事项总结C
阅读更多...
Java8需要知道的4个函数式接口简单教程

Java8需要知道的4个函数式接口简单教程

《Java8需要知道的4个函数式接口简单教程》：本文主要介绍Java8中引入的函数式接口,包括Consumer、Supplier、Predicate和Function,以及它们的用法和特点,文中... 目录什么是函数是接口？Consumer接口定义核心特点注意事项常见用法1.基本用法2.结合andThen链
阅读更多...
MySQL 日期时间格式化函数 DATE_FORMAT() 的使用示例详解

MySQL 日期时间格式化函数 DATE_FORMAT() 的使用示例详解

《MySQL日期时间格式化函数DATE_FORMAT()的使用示例详解》`DATE_FORMAT()`是MySQL中用于格式化日期时间的函数,本文详细介绍了其语法、格式化字符串的含义以及常见日期... 目录一、DATE_FORMAT()语法二、格式化字符串详解三、常见日期时间格式组合四、业务场景五、总结一、
阅读更多...
golang panic 函数用法示例详解

golang panic 函数用法示例详解

《golangpanic函数用法示例详解》在Go语言中,panic用于触发不可恢复的错误,终止函数执行并逐层向上触发defer,最终若未被recover捕获,程序会崩溃,recover用于在def... 目录1. panic 的作用2. 基本用法3. recover 的使用规则4. 错误处理建议5. 常见错
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2