JS函数式编程指南_纯函数与柯里化

纯函数指相同输入始终返回相同输出且无副作用的函数,如add(a, b);柯里化是将多参数函数转化为单参数函数链的技术,如curriedMultiply(2)(3)(4),两者提升代码可维护性与复用性。

js函数式编程指南_纯函数与柯里化

函数式编程强调使用纯函数和避免共享状态、可变数据以及副作用。在JavaScript中,掌握纯函数与柯里化是理解函数式编程的关键第一步。

什么是纯函数?

一个函数如果满足以下两个条件,就是纯函数:

相同的输入始终返回相同的输出没有副作用(如修改外部变量、发起HTTP请求、操作DOM等)

例如:

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

add(2, 3); // 每次都是5

这个 add 函数是纯函数:它不依赖外部状态,也不会改变任何外部数据。

反例:

let tax = 0.1;
function calculatePrice(price) {
  return price * (1 + tax);
}

calculatePrice(100); // 结果依赖外部变量 tax

这个函数不是纯的,因为它的输出受外部变量影响。要让它变纯,应将依赖作为参数传入:

function calculatePrice(price, taxRate) {
  return price * (1 + taxRate);
}

calculatePrice(100, 0.1); // 始终返回 110

纯函数的好处

使用纯函数带来多个优势:

易于测试:不需要模拟环境或重置状态可缓存性:可以记忆化(memoize)结果可预测性:行为稳定,便于调试支持并发:无共享状态,适合多线程环境

什么是柯里化(Currying)?

柯里化是把接受多个参数的函数转换成一系列只接受一个参数的函数链的技术。

原始函数:

function multiply(a, b, c) {
  return a * b * c;
}
multiply(2, 3, 4); // 24

柯里化版本:

function curriedMultiply(a) {
  return function(b) {
    return function(c) {
      return a * b * c;
    };
  };
}

curriedMultiply(2)(3)(4); // 24

也可以写成箭头函数形式:

const curriedMultiply = a => b => c => a * b * c;
curriedMultiply(2)(3)(4); // 24

柯里化的实际用途

柯里化能帮助我们创建更灵活、可复用的函数。

比如有一个通用加法函数:

const add = a => b => a + b;
const add5 = add(5);
add5(3); // 8
add5(10); // 15

这里 add(5) 返回了一个新函数,它“记住”了第一个参数。这种技术也称为偏函数应用。

另一个例子:过滤数组中的偶数

const filter = predicate => array => array.filter(predicate);
const isEven = n => n % 2 === 0;
const getEvens = filter(isEven);

getEvens([1, 2, 3, 4, 5, 6]); // [2, 4, 6]

通过柯里化,我们构建出可复用的数据处理函数。

基本上就这些。纯函数让代码更可靠,柯里化让函数更灵活。两者结合,能写出清晰、可维护的函数式代码。不复杂但容易忽略。

以上就是JS函数式编程指南_纯函数与柯里化的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1538857.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 05:28:31
下一篇 2025年12月21日 05:28:37

相关推荐

  • HTML 打开空文档

    使用 html 创建空文档很简单:使用文本编辑器新建一个文本文件。输入 html 代码: 空文档将文件保存为 .html 扩展名(例如 “my_empty_document.html”)。在浏览器中打开文件,你将看到一个空白页面,标题显示为 “空文档”…

    2025年12月22日
    000
  • 巧用 HTML 对齐技巧,让文字美观大方

    html 提供多种对齐选项,以改善网页上的文本美观和可读性:水平对齐:使用 text-align 属性,可左对齐、居中对齐或右对齐文本。垂直对齐:使用 vertical-align 属性,可垂直对齐文本,如与基线、顶部、中间或底部对齐。浮动对齐:使用 float 属性,可将元素向左或向右浮动,从而调…

    2025年12月22日
    000
  • 优化文本框对齐:让你的表单更美观

    通过使用 css 和 javascript,可以优化文本框对齐方式,提升表单的可读性和用户体验。具体优化方法包括:使用 css text-align 和 vertical-align 属性进行水平和垂直对齐。使用 javascript setselectionrange 和 getcomputeds…

    2025年12月22日
    000
  • HTML 段落间距加两格

    此代码可用于导入必备库来刮取和解析 web 数据,并将其导入数据库:使用 python 请求库获取 web 页面。使用 beautifulsoup 库解析页面并提取所需数据。使用 sqlite3 库建立数据库连接并创建表。将提取的数据写入数据库表中。提交更改并关闭数据库连接。 使用 Python 和…

    2025年12月22日
    000
  • 轻松打开微信 HTML 文件

    如何轻松打开微信 html 文件?使用文件传输助手:分享 html 文件并选择“文件传输助手”选择“我的电脑”并点击“打开”使用第三方应用:安装 html 查看器应用点击“打开”按钮并选择 html 文件 轻松打开微信 HTML 文件 微信是一款广受欢迎的即时通讯软件,但有时候我们需要打开微信中的 …

    2025年12月22日
    000
  • HTML 文档中的空白页面

    空白 html 页面的原因包括:缺少根元素、标题元素、语法错误、无法加载资源、浏览器缓存问题。解决方法包括:添加根元素、标题元素、检查语法错误、确保外部资源加载正常、刷新浏览器缓存。例如,通过添加根元素和标题元素,可以解决 index.html 文件显示空白的问题。 HTML 文档中的空白页面:如何…

    2025年12月22日
    000
  • HTML 段落自动缩进两空格

    使用 python 和 beautifulsoup 解析 html 文档的方法如下:加载 html 文档并创建 beautifulsoup 对象。使用 beautifulsoup 对象查找和处理标签元素,如:查找特定标签:soup.find(tag_name)查找所有特定标签:soup.find_a…

    2025年12月22日
    000
  • 了解canvas的JS技术:你熟知哪些呢?

    探究canvas的JS技术:你知道有哪些吗? 简介 在现代Web开发中,JavaScript已经成为不可或缺的一部分。作为一种脚本语言,它可以为网页添加交互性和动态性。而在JS技术中,canvas则是一个重要的API之一。本文将带您深入了解canvas的JS技术,并介绍一些常用的canvas相关功能…

    2025年12月21日
    000
  • JavaScript快速入门:获取HTTP状态码

    快速入门:使用JavaScript获取HTTP状态码,需要具体代码示例 引言:在开发Web应用程序时,我们经常需要与服务器进行交互并获取HTTP状态码。HTTP状态码是服务器响应请求时返回的一个三位数字,它们提供了对请求状态的基本诊断和信息。在本文中,我们将学习如何使用JavaScript获取HTT…

    2025年12月21日
    000
  • 简易JavaScript教程:获取HTTP状态码的方法

    JavaScript教程:如何获取HTTP状态码,需要具体代码示例 前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态…

    2025年12月21日
    000
  • JavaScript教程:从头开始学习如何获取HTTP状态码

    从零开始:JavaScript教你如何获取HTTP状态码 在Web开发中,我们经常需与服务器进行通信,而了解HTTP状态码是非常重要的一部分。HTTP状态码是服务器对HTTP请求的响应的一种标识,服务器通过状态码告诉客户端请求的处理结果。 本文将使用JavaScript编写代码示例,教你如何在前端获…

    2025年12月21日
    000
  • 掌握JavaScript中获取HTTP状态码的实用技巧

    实用技巧:掌握JavaScript中获取HTTP状态码的方法,需要具体代码示例 引言:在Web开发中,经常需要与后端进行数据交互。在这个过程中,了解HTTP状态码是非常重要的,它能够帮助我们判断请求是否成功以及处理错误情况。本文将介绍如何通过JavaScript获取HTTP状态码的方法,并提供具体的…

    2025年12月21日
    000
  • 如何在JavaScript中获取HTTP状态码的简单方法

    JavaScript中的HTTP状态码获取方法 简介:在进行前端开发中,我们常常需要处理与后端接口的交互,而HTTP状态码就是其中非常重要的一部分。了解和获取HTTP状态码有助于我们更好地处理接口返回的数据。本文将介绍使用JavaScript获取HTTP状态码的方法,并提供具体代码示例。 一、什么是…

    2025年12月21日
    000
  • 在JavaScript中,onsearch事件的用法是什么?

    onsearch 事件对于搜索很有用,即用户在输入元素中按 ENTER 或“x”键。 的类型是search,因为它是供用户搜索的。 Internet Explorer、Firefox 和 Opera 不支持 onsearch 事件。 示例 您可以尝试运行以下代码来了解如何在 JavaScript 中…

    2025年12月21日 好文分享
    000
  • scrollX属性在JavaScript中的作用是什么?

    JavaScript中的scrollX属性与pageXoffset属性的作用相同。如果您想获取文档从窗口左上角滚动到的像素,请使用水平像素的scrollX属性。 示例 您可以尝试运行以下代码可了解如何在 JavaScript 中使用 scrollX 属性。 div { background-colo…

    2025年12月21日
    000
  • 在JavaScript中,”oninvalid”事件的用途是什么?

    如果中添加的字段值无效,则会触发oninvalid事件。如果用户在提交前忘记填写表单,请添加一条消息。 示例 您可以尝试运行以下代码来了解如何实现oninvalid  JavaScript 中的事件。 function resetFunct() { alert(“The form was reset…

    2025年12月21日
    000
  • 如何在JavaScript中搜索链接的目标属性的值?

    要在JavaScript中搜索链接的目标属性值,请使用target属性。您可以尝试运行以下代码以获取目标属性的值。 示例 Qries 音疯 音疯是昆仑万维推出的一个AI音乐创作平台,每日可以免费生成6首歌曲。 178 查看详情 var x = document.getElementById(“qri…

    2025年12月21日 好文分享
    000
  • 如何在JavaScript/HTML中使用套接字?

    To use sockets, consider the WebSocket interface in JavaScript. This interface enables web applications to maintain bidirectional communications with …

    2025年12月21日
    000
  • 当HTML中的文件不可用时执行脚本?

    当文件在 HTML 中不可用或为空时,使用 HTML 中的 onemptied 属性来执行脚本。 示例 您可以尝试运行以下代码来实现 onemptied 属性 – Your browser does not support the video element. function disp…

    2025年12月21日
    000
  • 使用JavaScript/HTML5实时生成声音

    Web Audio API用于控制音频,允许您选择音频源。您还可以添加效果;创建音频可视化、平移等。 示例 您可以尝试运行以下代码片段来生成声音− // use one context per document. Here we are creating one context for one do…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信