j*ascript如何实现函数柯里化_有哪些用途

技术教程
2025-12-19 22:32:58

柯里化是将多参函数转为单参函数链的过程，核心为分步传参、延迟求值；手动实现需判断参数数量，不足则返回新函数，足够则执行原函数。

javascript如何实现函数柯里化_有哪些用途

J*aScript 中的函数柯里化（Currying）是指将一个接收多个参数的函数，转换为一系列每次只接收一个参数的函数的过程。核心思想是“分步传参、延迟求值”，不是一次性传完所有参数，而是逐步固化部分参数，最终返回结果。

如何手动实现一个通用柯里化函数

最简实用版（支持固定参数个数）：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...moreArgs) {
        return curried.apply(this, args.concat(moreArgs));
      };
    }
  };
}

用法示例：

function add(a, b, c) {
  return a + b + c;
}
const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 6
console.log(curriedAdd(1, 2)(3)); // 6
console.log(curriedAdd(1)(2, 3)); // 6

更健壮的柯里化（支持占位符和动态参数）

实际项目中常需支持占位符（如 `_`），并兼容不定长参数。可用 Lodash 的 _.curry，或自己增强：

立即学习“J*a免费学习笔记（深入）”；

检测是否传入占位符（比如用 `Symbol('placeholder')` 标记）
内部缓存已传参数，未填满时返回新函数
调用时若参数已足或显式触发（如 `.resolve()`），才真正执行原函数

柯里化在实际开发中的典型用途

1. 参数复用与配置预设
适合封装常用配置，避免重复传相同参数：

AI发型设计

虚拟发型试穿工具和发型模拟器

247 查看详情 AI发型设计

const ajax = (method, url, data) => {/* ... */};
const get = curry(ajax)('GET');
const post = curry(ajax)('POST');
<p>get('/api/user'); // 自动带 'GET'
post('/api/login')({ username: 'a' });

2. 高阶函数与函数组合
柯里化后函数天然适配 compose 或 pipe：

const map = curry((fn, arr) => arr.map(fn));
const filter = curry((pred, arr) => arr.filter(pred));
<p>const isEven = n => n % 2 === 0;
const double = n => n * 2;</p><p>const process = pipe(
filter(isEven),
map(double)
);
process([1, 2, 3, 4]); // [4, 8]

3. 事件处理器或回调定制
提前绑定上下文或部分数据，提升可读性：

const handleClick = curry((userId, event) => {
  console.log(`User ${userId} clicked`, event.target);
});
<p>// 绑定用户 ID，后续只需传 event
button.addEventListener('click', handleClick(123));