JavaScript 中函数柯里化怎么实现装饰器-js教程-PHP中文网

javascript 中函数柯里化实现装饰器的核心做法是利用闭包和参数部分应用，将原函数包裹在返回新函数的中间层中。具体而言，定义一个接收目标函数和配置参数的装饰器工厂，该工厂返回一个接受剩余参数的新函数，新函数在执行时先处理前置逻辑（如日志或校验），再调用原函数并处理后置逻辑（如结果转换）。若原函数需要多个参数，可通过柯里化将其拆解为单参数链式调用，从而让装饰器能透明地拦截每一层调用。

JavaScript 中函数柯里化怎么实现装饰器

如何编写支持多参数的通用柯里化装饰器

要编写支持多参数的通用柯里化装饰器，关键在于装饰器内部维护一个参数收集器，直到参数数量满足原函数需求时才触发执行。这种模式允许装饰器在不改变原函数签名的前提下，灵活地插入横切关注点代码。通过检查已收集参数的长度与期望长度的对比，可以精确控制执行时机，确保装饰逻辑仅在完整调用链闭合时生效。

JavaScript 中函数柯里化怎么实现装饰器

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

function decorator(targetFn) {
  const curriedTarget = curry(targetFn);
  return function(...args) {
    console.log('Before call with:', args);
    const result = curriedTarget.apply(this, args);
    // 如果result是函数，说明参数未集齐，直接返回以便继续柯里化
    if (typeof result === 'function') {
      return result;
    }
    console.log('After call, result:', result);
    return result;
  };
}

function add(a, b) { return a + b; }
const decoratedAdd = decorator(add);
console.log(decoratedAdd(1)(2)); // 输出: Before call with: [1], After call, result: 3

柯里化装饰器如何处理异步函数返回值

当装饰的目标函数是异步函数时，柯里化装饰器必须确保返回的是 Promise 对象，并在 await 之后进行后置处理。如果在参数未集齐时直接返回 Promise，会导致调用链断裂；因此，装饰器需要判断当前调用是否完成了所有参数的传递，若未完成则返回等待后续参数的函数，若已完成则返回经过包装的 Promise。这种机制保证了异步流程中的装饰逻辑（如计时或错误捕获）能正确包裹整个异步生命周期。

javascript-typescript-typescript-scaffold

你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型

下载

JavaScript 中函数柯里化怎么实现装饰器

async function asyncFetch(url) {
  return fetch(url).then(res => res.json());
}

function asyncDecorator(targetFn) {
  return function(...args) {
    const startTime = Date.now();
    // 假设我们只装饰单参数异步函数以简化演示
    if (args.length === 1) {
      return targetFn.apply(this, args)
        .then(result => {
          console.log(`Took ${Date.now() - startTime}ms`);
          return result;
        })
        .catch(err => {
          console.error('Async error:', err);
          throw err;
        });
    }
    return targetFn.apply(this, args);
  };
}

const decoratedFetch = asyncDecorator(asyncFetch);
decoratedFetch('https://jsonplaceholder.typicode.com/todos/1').then(console.log);

基于参数长度判断的具体执行条件问题

在基于程序中某个输入、条件或结果的具体问题中，最关键的判断条件是“已传入参数长度”与“原函数期望参数长度”的对比。只有当 `args.length >= fn.length` 时，装饰器才应执行实际的业务逻辑和后置处理；否则，它必须返回一个新的函数以继续收集参数。这一条件决定了装饰器是处于“等待状态”还是“执行状态”，是实现透明装饰的基础。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南