函数式编程在JavaScript中强调纯函数、不可变数据和高阶函数,而非彻底抛弃命令式;核心是将函数作为一等公民,通过map/filter/reduce等实现可预测、易组合、低副作用的逻辑。

函数式编程在 JavaScript 中不是要完全抛弃命令式写法,而是用更可预测、更易组合、更少副作用的方式组织逻辑。核心是把函数当“一等公民”:能赋值、传参、返回、闭包封装。实践的关键不在于套概念,而在于习惯用纯函数、避免修改原数据、用高阶函数抽象重复逻辑。
从日常操作开始写纯函数
纯函数指:相同输入永远得相同输出,且不修改外部状态或参数。比如数组的 map、filter、reduce 默认不改原数组,但你自己写的函数容易“越界”。
常见反模式:
- 直接 push / splice 原数组
- 在函数里改传入的对象属性
- 依赖或修改全局变量 / Date.now() / Math.random()
改进写法示例:
// ❌ 不纯:修改了原对象
function addPrice(item) {
item.total = item.price * item.qty;
return item;
}
// ✅ 纯:返回新对象,原数据不变
const addPrice = ({ price, qty, ...rest }) => ({
...rest,
price,
qty,
total: price * qty
});
必会的 5 个高频高阶函数
高阶函数 = 接收函数作为参数,或返回函数的函数。JS 数组原型上已内置多个,用好它们能大幅减少 for 循环和临时变量。
立即学习“Java免费学习笔记(深入)”;
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
- map:对每个元素做转换,返回等长新数组。适合字段映射、格式化、创建新结构。
- filter:返回满足条件的元素组成的新数组。注意它不改变原顺序,也不跳过空位。
- reduce:最灵活的聚合工具。累计器(acc)初始值建议显式传入,避免隐式类型错误。
- find 和 findIndex:替代 for + break 的语义化写法,找到第一个即停,不遍历全量。
- some / every:代替手写循环判断“是否存在”或“是否全部满足”,返回布尔值,语义清晰。
组合与柯里化让逻辑更复用
直接写 arr.map(x => x * 2).filter(x => x > 10) 没问题,但业务变复杂后,把逻辑拆成小函数再组合更可控。
例如柯里化一个通用 filter 工厂:
const byField = (key, value) => item => item[key] === value;
const byStatus = byField('status', 'active');
users.filter(byStatus); // 清晰、可复用、易测试
再比如用 reduce 实现管道(pipe)简化多步转换:
const pipe = (...fns) => (x) => fns.reduce((v, f) => f(v), x);
const normalize = s => s.trim().toLowerCase();
const capitalize = s => s.charAt(0).toUpperCase() + s.slice(1);
const formatName = pipe(normalize, capitalize);
formatName(" JOHN ") // "John"
避开陷阱:不是所有场景都适合函数式
函数式优势明显,但别硬套:










