17370845950

JavaScript函数式编程强调纯函数、不可变数据和高阶函数，以提升代码可预测性、可测试性与组合性；纯函数指相同输入恒得相同输出且无副作用，高阶函数则接受或返回函数，如map/filter/reduce及compose。

JavaScript函数式编程是一种编程范式，强调用纯函数、不可变数据和高阶函数来组织逻辑，避免副作用和状态变更。它不追求“完全函数式”，而是借助函数式思想让代码更可预测、易测试、易组合。

什么是纯函数？

纯函数指：相同输入永远返回相同输出，且不修改外部变量、不发起网络请求、不读写 DOM、不调用 Math.random() 或 Date.now() 等产生副作用的操作。

• ✅ 好例子：const add = (a, b) => a + b; —— 输入 2 和 3 永远得 5
• ❌ 非纯函数：let count = 0; const increment = () => ++count; —— 多次调用结果不同，还修改了外部变量

纯函数天然适合单元测试，也便于缓存（如 memoize）和并行执行。

高阶函数怎么用？

高阶函数就是接受函数作为参数、或返回函数的函数。JavaScript 中的 map、filter、reduce 都是典型高阶函数，它们把“做什么”和“怎么做”分开，让逻辑更专注。

• 传入函数做行为抽象：[1,2,3].map(x => x * 2) —— 不关心遍历过程，只声明“每个数翻倍”
• 返回函数实现配置复用：const createMultiplier = n => x => x * n; const double = createMultiplier(2); double(5); // 10
• 组合函数提升表达力：const compose = (f, g) => x => f(g(x)); const toUpperTrim = compose(s => s.toUpperCase(), s => s.trim());

实际应用小技巧

不必全盘函数式，但可在关键环节引入函数式思维提升质量：

• 用 const 声明变量，配合解构、展开语法避免直接修改原数组/对象
• 处理表单校验时，把每条规则写成纯函数：const hasEmail = s => /\S+@\S+\.\S+/.test(s);，再用 every 组合
• 异步操作中，用 Promise.then 链替代嵌套回调，保持线性思维（虽非严格纯函数，但延续了函数式链式风格）
• 状态管理（如 Redux）要求 reducer 是纯函数——这是函数式思想在工程中的落地体现

基本上就这些。不复杂但容易忽略：纯函数不是教条，而是帮你减少意外的工具；高阶函数不是炫技，而是把变化点抽出来，让主逻辑干净又稳定。