高阶函数与函数式编程

高阶函数作为函数式编程的核心构建块，通过接收或返回函数实现逻辑的抽象与组合。在实际开发中，其价值集中体现在数据处理流程的模块化与可读性优化上。以下将通过"商品数据处理"案例，系统讲解高阶函数的链式调用、柯里化技术及管道操作符的应用。

高阶函数的链式调用实践

以电商平台的商品数据处理场景为例，假设存在如下商品数据集：

javascript

复制代码

const products = [
  { id: 1, name: "无线耳机", price: 899, discount: 0.15 },
  { id: 2, name: "机械键盘", price: 499, discount: 0.2 },
  { id: 3, name: "鼠标垫", price: 29, discount: 0 },
  { id: 4, name: "显示器支架", price: 129, discount: 0.1 }
];

数据转换（map）：需将原价转换为折后价。通过map遍历商品数组，计算并更新每个商品的实际售价：

javascript

复制代码

// 计算折后价：price * (1 - discount)
const discountedProducts = products.map(item => ({
  ...item,
  finalPrice: item.price * (1 - item.discount)
}));

数据筛选（filter）：筛选出折扣力度大于10%的商品（即discount > 0.1）：

javascript

复制代码

const validProducts = discountedProducts.filter(item => item.discount > 0.1);
// 结果：仅包含无线耳机（0.15）和机械键盘（0.2）

数据聚合（reduce）：计算筛选后商品的总价：

javascript

复制代码

const totalPrice = validProducts.reduce((sum, item) => sum + item.finalPrice, 0);
// 计算过程：899*(1-0.15) + 499*(1-0.2) = 764.15 + 399.2 = 1163.35

三者可通过链式调用合并为单一流程，避免中间变量：

javascript

复制代码

const result = products
  .map(item => ({ ...item, finalPrice: item.price * (1 - item.discount) }))
  .filter(item => item.discount > 0.1)
  .reduce((sum, item) => sum + item.finalPrice, 0);

柯里化：多参数函数的拆分与组合

柯里化（Currying）通过将多参数函数拆分为一系列单参数函数，增强函数的复用性与组合性。其核心思想是将f(a, b, c)转换为f(a)(b)(c)的形式。

基础实现：以加法函数为例，传统多参数形式为function add(a, b) { return a + b; }，柯里化后可拆分为：

javascript

复制代码

function add(a) {
  return function(b) {  // 返回接收第二个参数的函数
    return a + b;
  };
}
// 使用：add(2)(3) → 5

实际应用：在商品价格计算中，需对最终价格加收不同税率（如普通商品13%、奢侈品20%）。通过柯里化固定税率参数，生成可复用的计税函数：

javascript

复制代码

function addTax(taxRate) {
  return function(price) {  // 接收价格参数
    return price * (1 + taxRate);
  };
}

// 生成特定税率的计税函数
const addNormalTax = addTax(0.13);  // 普通商品税率13%
const addLuxuryTax = addTax(0.2);   // 奢侈品税率20%

// 应用：对1000元商品分别计税
addNormalTax(1000);  // 1130
addLuxuryTax(1000);  // 1200

管道操作符：链式调用的可读性优化

管道操作符（|>）通过将左侧表达式的结果作为右侧函数的参数，简化多层函数嵌套，使数据流向更直观。其语法为value |> func1 |> func2，等价于func2(func1(value))。

核心优势：

可读性提升：数据处理流程从左至右线性展开，替代传统嵌套的"右向增长"模式。
函数复用：鼓励将复杂逻辑拆分为独立单功能函数（如addTax、formatCurrency）。
嵌套消除：避免深层嵌套导致的"回调地狱"，如formatCurrency(addTax(roundPrice(price)))。

对比示例：

传统嵌套调用：

javascript

复制代码

const formattedPrice = formatCurrency(addTax(0.13)(roundPrice(1163.35)));

管道操作符调用：

javascript

复制代码

const formattedPrice = 1163.35 |> roundPrice |> addTax(0.13) |> formatCurrency;

扩展案例：数组处理场景中，管道操作符可简化map/filter/reduce的链式调用。例如对[1, 2, 3]执行"翻倍→筛选大于3→求和"：

javascript

复制代码

// 传统嵌套
const sum = [1, 2, 3].map(n => n * 2).filter(n => n > 3).reduce((a, b) => a + b, 0);

// 管道操作符（需配合箭头函数处理数组方法）
const sum = [1, 2, 3] 
  |> (x => x.map(n => n * 2)) 
  |> (x => x.filter(n => n > 3)) 
  |> (x => x.reduce((a, b) => a + b, 0));  // 结果：8（4 + 6）

数学计算场景：计算Math.round(Math.sqrt(Math.pow(2, 5)))（2的5次方开平方后取整），传统嵌套可读性差，管道操作符可使流程清晰化：

javascript

复制代码

// 传统嵌套：Math.round(Math.sqrt(Math.pow(2, 5))) → Math.round(Math.sqrt(32)) → Math.round(5.656) → 6
// 管道调用：2 |> Math.pow(^, 5) |> Math.sqrt(^) |> Math.round(^)
const result = 2 |> Math.pow(^, 5) |> Math.sqrt(^) |> Math.round(^);  // 6

注：^符号表示通过管道传递的前一个结果，在不同实现中可能写作#或隐式传递。

函数式编程的可读性对比与总结

传统命令式编程通过嵌套函数调用处理数据时，代码结构往往呈现"右倾斜"（如a(b(c(d())))），随着操作增多，可读性急剧下降。而函数式编程结合高阶函数、柯里化与管道操作符，可实现：

线性数据流：通过链式调用与管道操作符，数据处理流程从左至右自然展开，符合人类阅读习惯。
模块化函数：柯里化与高阶函数促进单一职责原则，每个函数专注于特定逻辑（如addTax仅处理计税，formatCurrency仅处理格式化）。
可组合性：小函数通过管道灵活组合，形成复杂逻辑，如price |> addTax(0.13) |> round(2) |> formatCurrency。

在商品数据处理等实际场景中，这种模式不仅提升了代码的可维护性，还为并行处理、惰性计算等高级优化提供了基础支持。

作用域与闭包

对象基础