函数式编程是一种以函数为核心的编程范式，它将计算过程视为函数的组合，强调不可变数据和纯函数的使用，在JavaScript这类支持函数作为一等公民的语言中应用十分广泛。通过合理的函数式编程实践，可以让代码结构更清晰，降低模块间的耦合度。
函数式编程的核心概念
纯函数
纯函数是函数式编程的基础，它的定义是：对于相同的输入，永远返回相同的输出，并且不会产生任何可观察的副作用，比如修改外部变量、发起网络请求、修改DOM等。
下面是一个纯函数和非纯函数的对比示例：
// 非纯函数：依赖外部变量，输出不确定
let base = 10;
function addNonPure(num) {
return num + base;
}
// 纯函数：只依赖输入参数，输出固定
function addPure(a, b) {
return a + b;
}
高阶函数
高阶函数指的是接受一个或多个函数作为参数，或者返回一个函数的函数。JavaScript内置的map、filter、reduce都是典型的高阶函数，这也是函数式编程常用的工具。
以下是一个自定义高阶函数的示例，实现函数执行时间统计：
function withTiming(fn) {
return function(...args) {
const start = Date.now();
const result = fn.apply(this, args);
const end = Date.now();
console.log(`函数执行耗时：${end - start}ms`);
return result;
};
}
// 使用高阶函数包装普通函数
const sum = (a, b) => a + b;
const timedSum = withTiming(sum);
timedSum(1, 2);
柯里化
柯里化是将一个多参数函数转换为一系列单参数函数的过程，这样可以让函数更灵活，支持参数复用和延迟执行。
下面是一个柯里化的实现示例：
function curry(fn) {
return function curried(...args) {
// 如果传入参数数量足够，直接执行原函数
if (args.length >= fn.length) {
return fn.apply(this, args);
}
// 参数不足，返回一个新函数等待剩余参数
return function(...restArgs) {
return curried.apply(this, args.concat(restArgs));
};
};
}
// 原始多参数函数
function multiply(a, b, c) {
return a * b * c;
}
// 柯里化后的函数
const curriedMultiply = curry(multiply);
console.log(curriedMultiply(1)(2)(3)); // 输出6
console.log(curriedMultiply(1, 2)(3)); // 输出6
函数式编程在JavaScript中的实践场景
数组数据处理
使用纯函数结合高阶函数处理数组，可以避免修改原数组，让数据处理逻辑更清晰。比如下面的用户数据过滤和转换场景：
const users = [
{ id: 1, name: '张三', age: 18, score: 85 },
{ id: 2, name: '李四', age: 20, score: 92 },
{ id: 3, name: '王五', age: 17, score: 78 },
{ id: 4, name: '赵六', age: 19, score: 90 }
];
// 过滤年龄大于等于18岁的用户，再提取他们的姓名和分数
const result = users
.filter(user => user.age >= 18)
.map(user => ({ name: user.name, score: user.score }));
console.log(result);
// 输出：[{name: '张三', score: 85}, {name: '李四', score: 92}, {name: '赵六', score: 90}]
状态管理中的实践
在状态管理场景中，使用纯函数来修改状态可以保证状态变更的可预测性，比如Redux的reducer就是典型的纯函数设计，下面的示例模拟简单的状态更新逻辑：
// 初始状态
const initState = { count: 0 };
// 纯函数reducer，根据action类型返回新的状态，不修改原状态
function counterReducer(state = initState, action) {
switch (action.type) {
case 'INCREMENT':
return { ...state, count: state.count + 1 };
case 'DECREMENT':
return { ...state, count: state.count - 1 };
default:
return state;
}
}
// 状态更新测试
console.log(counterReducer(undefined, { type: 'INCREMENT' })); // {count: 1}
console.log(counterReducer({ count: 5 }, { type: 'DECREMENT' })); // {count: 4}
函数式编程的注意事项
虽然函数式编程有很多优势，但在实际使用中也需要结合场景：
- 纯函数要求无副作用，对于需要操作DOM、发起请求的场景，需要将副作用隔离到特定模块，不要混入核心业务逻辑。
- 过度使用柯里化和函数组合可能会增加代码的阅读成本，团队内部需要统一编码规范。
- 函数式编程中的不可变数据可能会带来一定的性能开销，在性能敏感的场景需要合理权衡。
函数式编程不是要完全替代命令式编程，而是作为一种补充，在合适的场景下使用可以让代码质量得到提升。
总结
函数式编程在JavaScript中的应用实践核心是利用纯函数、高阶函数、柯里化等特性，让代码更简洁、更易维护。日常开发中可以逐步将这些思想融入数组处理、状态管理等场景，不需要一开始就追求完全的函数式风格，结合项目实际情况灵活应用即可。
JavaScript函数式编程纯函数柯里化高阶函数修改时间：2026-06-28 02:30:34