函数式编程是一种强调纯函数和不可变数据的编程范式。它通过避免副作用和状态改变,提升代码清晰度与可维护性;javaScript虽非纯函数式语言,但支持高阶函数、闭包等特性,便于实践函数式思想;核心概念包括:纯函数(相同输入始终返回相同输出,无副作用)、不可变性(不修改原始数据,而是创建新数据)、高阶函数(函数作为参数或返回值,如map、Filter、reduce)、函数组合(将多个函数串联执行)和柯里化(将多参函数转化为单参函数链),掌握这些可逐步提升代码质量。

函数式编程不是一种框架,而是一种编程思想。在javascript中,它越来越受欢迎,因为它能帮助开发者写出更清晰、更可测试、更少副作用的代码。理解函数式编程的基本概念,有助于提升代码质量与维护性。
什么是函数式编程?
函数式编程(functional Programming, FP)是一种编程范式,强调使用纯函数和不可变数据。它把计算视为数学函数的求值过程,避免改变状态和可变数据。
JavaScript虽然不是纯粹的函数式语言,但支持高阶函数、闭包、箭头函数等特性,非常适合实践函数式编程。
核心概念:纯函数
纯函数是函数式编程的基石。一个函数如果满足以下两点,就是纯函数:
立即进入“豆包AI人工智官网入口”;
立即学习“豆包AI人工智能在线问答入口”;
例如:
const add = (a, b) => a + b;
add(2, 3); // 始终返回5
这个add函数是纯函数。相反,下面这个就不是:
let total = 0;
const addToTotal = (num) => { total += num; return total; };
// 它依赖并修改了外部变量,输出依赖于调用次数
不可变性(Immutability)
在函数式编程中,数据一旦创建就不能被更改。任何“修改”操作都应返回一个新对象或数组,而不是改变原值。
比如,不要这样做:
const arr = [1, 2, 3];
arr.push(4); // 改变了原数组
应该这样:
const newArr = […arr, 4]; // 返回新数组
对对象也类似:
const obj = { name: ‘Alice’ };
const newObj = { …obj, age: 25 }; // 不改变原对象
使用const声明变量并不能保证不可变,只能防止重新赋值。真正的不可变需要靠编程习惯或借助库如Immutable.js。
高阶函数与函数作为一等公民
JavaScript中函数是一等公民,意味着函数可以像其他值一样被传递、返回、赋值。这为高阶函数提供了基础。
高阶函数是指满足以下任一条件的函数:
- 接收一个或多个函数作为参数
- 返回一个函数
常见的高阶函数有map、filter、reduce:
[1, 2, 3].map(x => x * 2); // [2, 4, 6]
[1, 2, 3].filter(x => x > 1); // [2, 3]
[1, 2, 3].reduce((sum, x) => sum + x, 0); // 6
这些方法不修改原数组,返回新结果,符合函数式原则。
函数组合与柯里化
函数组合(Function Composition)是将多个函数连接起来,前一个函数的输出作为下一个的输入。
例如:
const toUpper = str => str.toUpperCase();
const exclaim = str => str + ‘!’;
const shout = str => exclaim(toUpper(str));
shout(‘hello’); // ‘HELLO!’
柯里化(Currying)是将接受多个参数的函数转换为一系列只接受一个参数的函数。
例如:
const add = a => b => a + b;
const add5 = add(5);
add5(3); // 8
柯里化让函数更灵活,便于复用和组合。
基本上就这些。掌握纯函数、不可变性、高阶函数、函数组合和柯里化,就能在JavaScript中开始实践函数式编程。它不会立刻改变你的写法,但会潜移默化地提升代码的清晰度和可靠性。


