JavaScript函数式编程强调纯函数、不可变数据和函数组合，以提升代码可读性、可测性与可维护性；纯函数指输入确定则输出确定且无副作用，如add、capitalize；非纯函数如修改外部变量或发起网络请求；纯函数利于缓存、测试与并行；推荐将计算逻辑写成纯函数，副作用集中处理；函数组合（如compose）可链式拼接小函数，使数据流更清晰。
JavaScript 的函数式编程是一种编程范式，强调用纯函数、不可变数据和函数组合来构建程序，而不是依赖可变状态和副作用。它不追求“完全函数式”，而是借助函数式思想让代码更可读、可测、可维护。
什么是纯函数
纯函数指：相同输入永远返回相同输出，且不修改外部变量、不发起网络请求、不读写 DOM、不调用 red">Math.random() 或 Date.now() 等产生副作用的操作。
✅ 好例子：
- const add = (a, b) => a + b; —— 输入确定，输出确定，无副作用
- const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1); —— 不修改原字符串（字符串在 JS 中本就不可变）
❌ 非纯函数示例：
立即学习“Java免费学习笔记（深入）”；
- let count = 0; const increment = () => ++count; —— 依赖并修改外部变量
- const fetchUser = id => fetch(`/api/users/${id}`); —— 发起网络请求，结果不确定
为什么用纯函数能提升质量
纯函数天然具备可预测性、可缓存性（如 memoize）、易测试性（只需断言输入输出），也便于并行执行和重构。更重要的是，它让副作用变得显式和集中——比如把所有 API 调用放在顶层组件或自定义 Hook 中，业务逻辑层保持“干净”。
实际建议：
- 把计算逻辑（如格式化日期、过滤列表、派生状态）全部写成纯函数
- 避免在 reducer、selector、utils 中出现 console.log、alert、localStorage.setItem 等副作用
- 用 Object.freeze 或 immer 辅助保证对象不可变（尤其在 React + Redux 场景中）
函数组合：把小纯函数拼成大逻辑
组合（compose）是把多个单职责纯函数串起来，前一个的输出作为后一个的输入。它替代了嵌套调用或临时变量，让数据流更清晰。
简单实现：
const compose = (...fns) => x => fns.reduceRight((acc, fn) => fn(acc), x);使用示例：
- const trim = s => s.trim();
- const toLowerCase = s => s.toLowerCase();
- const removeExtraSpaces = s => s.replace(/\s+/g, ' ');
- const normalize = compose(trim, toLowerCase, removeExtraSpaces);
- normalize(" HELLO WORLD ") // → "hello world"
在真实项目中，可用 ramda 的 R.pipe（从左到右）或 R.compose（从右到左），配合柯里化函数，写出声明式的数据处理链。
不难，但需要习惯
函数式不是银弹，也不意味着拒绝一切 class 或循环。关键是识别哪些部分适合抽象为纯函数：工具函数、状态转换、表单校验、API 响应处理等。从写一个 sum、mapObj 开始，逐步把副作用推到边缘，核心逻辑越“纯”，越容易长期维护。
