讲师中心 微信公众号
AI工具推荐 视频效率加速

什么是JavaScript函数式编程_纯函数和副作用如何理解

云磊吖_8393

云磊吖_8393

发布时间:2025-12-23 22:13:02

|

800人浏览过

|

来源于php中文网

原创

JavaScript函数式编程核心是优先使用纯函数并严格管理副作用:纯函数具确定性、无外部依赖与干扰、不改变参数;副作用指函数返回值外导致外部状态可观测变化的行为,需通过隔离、标记和延迟执行来管控。

什么是javascript函数式编程_纯函数和副作用如何理解

JavaScript函数式编程不是写一堆function堆砌,而是用一种更可预测、更易测试、更少出错的方式来组织逻辑。核心就两点:**优先使用纯函数,严格管理副作用**。

纯函数:输入决定输出,不碰外部世界

纯函数就像一台数学计算器——给它2和3,它永远返回5;再按一次,还是5;换台机器,结果也不变。

  • 确定性:相同输入,必然相同输出。比如Math.max(1, 2)、String.prototype.toUpperCase()、自定义的add(a, b) { return a + b; }都是纯的。
  • 无外部依赖与干扰:不读取全局变量、不修改传入的对象、不调用Date.now()或Math.random()这类“会变”的东西。
  • 不改变参数本身:如果传入一个数组,纯函数不会用push、sort直接改它,而是用concat、slice、map等返回新数组。

副作用:函数悄悄干的“额外事情”

只要函数做了返回值以外、能让外部状态发生可观测变化的事,就算有副作用。这些变化不一定是错的,但会让代码变得难追踪、难复现、难测试。

Java Api Extractor
Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载
  • 修改外部变量:比如函数里直接给全局count++,下次调用结果就不同了。
  • 篡改传入的引用类型:传进一个对象,函数里给obj.name = 'new',调用者原对象就被动改了。
  • 触发I/O行为:调用fetch()、console.log()、document.body.appendChild()、localStorage.setItem()都算。
  • 依赖不稳定输入:比如函数里用了new Date()或Math.random(),哪怕没改外部,每次结果也不同,破坏了确定性。

为什么纯函数值得坚持

不是为了炫技,而是解决真实痛点:

立即学习“Java免费学习笔记(深入)”;

  • 测试简单:不用模拟DOM、mock网络、重置全局变量,给输入、断言输出即可。
  • 可缓存(memoization):既然输入一样结果必一样,就可以把结果记下来,避免重复计算。
  • 可并行/可重排:多个纯函数调用顺序无关,也不怕并发冲突,为后续优化留空间。
  • 利于重构与组合:像搭积木,map、filter、reduce这些纯函数天然支持链式抽象。

副作用不是敌人,但得管住它

实际开发中不可能完全消灭副作用——页面总要渲染,用户总要点按钮,数据总要发出去。关键在于:

  • 隔离:把副作用操作(如API调用、DOM更新)集中到明确的模块或函数中,比如React里的useEffect、Redux的thunk/saga。
  • 标记:命名体现意图,比如saveToServer()比processData()更清楚会有I/O。
  • 延迟执行:先用纯函数处理数据,最后一步才触发副作用,让逻辑流更清晰。

相关文章

编程速学教程(入门课程)
编程速学教程(入门课程)

编程怎么学习?编程怎么入门?编程在哪学?编程怎么学才快?不用担心,这里为大家提供了编程速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

6839

2023.08.02

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3468

2023.11.20

sort排序函数用法
sort排序函数用法

sort排序函数的用法:1、对列表进行排序,默认情况下,sort函数按升序排序,因此最终输出的结果是按从小到大的顺序排列的;2、对元组进行排序,默认情况下,sort函数按元素的大小进行排序,因此最终输出的结果是按从小到大的顺序排列的;3、对字典进行排序,由于字典是无序的,因此排序后的结果仍然是原来的字典,使用一个lambda表达式作为key参数的值,用于指定排序的依据。

1158

2023.09.04

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

4845

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

2050

2025.09.18

c++ 全局变量
c++ 全局变量

本专题整合了c++全局变量的使用、定义、作用域等等内容,阅读专题下面的文章了解更多详细内容。

199

2026.03.17

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

6307

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2648

2023.08.10

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 12.4万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn