函数式编程通过纯函数、不可变数据和函数组合提升代码清晰度与可维护性，尤其适用于复杂逻辑处理；它强调无副作用的函数和数据不可变性，避免状态混乱；以数学函数组合思想为基础，通过compose或pipe将小函数串联，实现从右到左或从左到右的数据流转，如对数字加1、平方、转字符串的操作可通过pipeline(5)得到"36"；实际应用中广泛用于表单验证、数据转换等场景，例如组合isEmpty、isValidEmail等函数构建可复用的邮箱验证逻辑；整体上，函数式编程倡导关注“做什么”而非“怎么做”，通过组合式开发提高代码可读性、可测试性和可维护性。
函数式编程在JavaScript中越来越受欢迎，尤其在处理复杂逻辑和构建可维护应用时表现出色。它强调纯函数、不可变数据和函数组合，让代码更清晰、更易测试。组合式开发则是把小而专注的函数拼装成更大功能的方式，是函数式编程的核心实践之一。
纯函数与不可变性
纯函数是指相同的输入始终返回相同输出，并且没有副作用的函数。这意味着它不会修改外部变量，也不会调用API、写入文件或改变DOM。
例如：
const add = (a, b) => a + b;const square = x => x * x;
这两个函数都是纯函数。它们不依赖外部状态，也不改变传入的数据。配合不可变数据（如使用map、filter而非push或splice），能有效避免意外状态变更。
立即学习“Java免费学习笔记（深入）”；
函数组合的基本思想
函数组合就是将多个函数连接起来，前一个函数的输出作为下一个函数的输入。数学上表示为 f(g(x))，在JavaScript中可以手动实现，也可以借助工具函数。
比如我们想对一个数字加1，再平方，再转成字符串：
const addOne = x => x + 1;const square = x => x * x;
const toString = x => String(x);
// 手动组合
const result = toString(square(addOne(5))); // "36"
虽然可行，但嵌套层级深，不易读。我们可以写一个compose函数来简化：
一个功能强大的B2B与B2C的购物平台，除了原本OSC功能外，增加更新的功能： 一、 取消了register_globals必须开启的限制 二、 將HTML程式碼与PHP程式碼完全分离，採用了smarty 樣板引擎 三、 每支档案includes所需函数与资料库连结，使的网页显示速度明显提升 四、 检视、购买商品群组权限设定 五、 十八岁以下禁购机制 六、 折价券购物抵扣机制 七、 礼券购物机制
x => fns.reduceRight((acc, fn) => fn(acc), x);
const pipeline = compose(toString, square, addOne);
pipeline(5); // "36"
使用pipe提升可读性
有些人更喜欢从左到右的顺序，这时可以用pipe代替compose：
const pipe = (...fns) =>x => fns.reduce((acc, fn) => fn(acc), x);
const pipeline = pipe(addOne, square, toString);
pipeline(5); // "36"
这种写法更符合阅读习惯，尤其适合构建数据处理流水线，比如格式化用户输入、处理API响应等。
实际应用场景
在真实项目中，函数式组合常用于表单验证、数据转换和事件处理。
比如验证邮箱是否合法且非空：
const isEmpty = str => str.trim() === '';const isValidEmail = str => /^[^@]+@[^@]+\.[^@]+$/.test(str);
const not = fn => x => !fn(x);
const and = (f, g) => x => f(x) && g(x);
const validateEmail = and(
not(isEmpty),
isValidEmail
);
validateEmail('user@example.com'); // true
validateEmail(''); // false
通过组合小函数，我们构建出可复用、可测试的验证逻辑，无需if/else嵌套。
基本上就这些。函数式编程不是要重写所有代码，而是提供一种更清晰的思维方式。组合式开发让你专注于“做什么”，而不是“怎么做”，长期来看能显著提升代码质量。
