装饰器参数被忽略，方法执行时原参数丢失怎么办？

这个问题其实不是装饰器参数和方\参数冲突，而是装饰器本身的实现方式导致的。

看你的代码，装饰器的结构是对的：外层接收参数，返回一个接收descriptor的函数。但问题很可能出在你实际使用的方式上，或者代码里有隐藏的bug。

让我给你一个完整可运行的示例：

// 装饰器定义

function log(level) {

  // 这个返回的函数才是真正被调用的装饰器

  // 它接收 target、key、descriptor 三个参数

  return function(target, key, descriptor) {

    const original = descriptor.value;

    

    descriptor.value = function(...args) {

      // 这里应该能正确获取到 args

      console.log([${level}] Calling ${key} with args:, args);

      return original.apply(this, args);

    };    return descriptor;

  };

}



// 使用方式

class MyClass {

  @log('debug')

  greet(name) {

    return Hello, ${name}!;

  }

}



// 测试

const obj = new MyClass();

console.log(obj.greet('World'));

如果你按照上面这样写，args 肯定能获取到参数。你说 args 总是空的，我猜可能是这几个原因：

第一种可能：你用了babel或其他编译器，但没配置装饰器语法。现在很多项目用 TypeScript 或者 babel，需要开启装饰器的支持。检查一下你的编译配置，确保装饰器语法被正确解析。

第二种可能：你把装饰器写成了这样：

// 错误写法

@log('debug', 'someOtherParam')  // 多传了参数

greet(name) { ... }

装饰器 @log('debug') 只会把 'debug' 传给外层函数，别的不用传。

第三种可能：你的装饰器定义位置不对。它应该定义在类里面，或者至少在类定义外面，不能写在方法内部。

第四种可能（最常见）：你的运行环境不支持 rest 参数 (...args)。虽然现在主流浏览器和 Node 都支持，但如果你在老环境跑可能会有问题。可以改成 arguments 来试试：

descriptor.value = function() {

  const args = Array.prototype.slice.call(arguments);

  console.log(level, key, args);

  return original.apply(this, args);

};

你提到控制台报 "Unexpected token"，这个错误通常出现在语法解析阶段，很可能是你的代码里有语法错误，或者装饰器语法没被正确解析。

建议你先把装饰器简化到最基本的形式，确认能跑通了再往里加功能：

function log(level) {

  return function(target, key, descriptor) {

    console.log('Decorating:', key, 'with level:', level);

    const original = descriptor.value;

    descriptor.value = function() {

      console.log('Arguments received:', arguments);

      return original.apply(this, arguments);

    };

    return descriptor;

  };

}

加上这个调试日志，看看到底是装饰器没被正确调用，还是参数传递出了问题。

你这个问题不是参数冲突，是装饰器逻辑写错了。args不可能为空，除非调用时真没传参。

你的代码看起来没问题，但关键在descriptor.value的函数里，你得确保正确传递了arguments。现在的写法其实是对的，问题可能出在别的地方。

检查两点：第一，确认调用方法时确实传了参数，比如 instance.methodName('test') 这样；第二，看看是不是babel或ts配置的问题，装饰器实验性语法容易因为preset配置不全导致行为异常。

你可以先打个断点或者在装饰器里加个日志，输出 arguments 而不是 args，看原生参数有没有：

descriptor.value = function(...args) {

  console.log('arguments:', arguments); // 看这里

  console.log('level, key, args:', level, key, args);

  return original.apply(this, args);

};

另外，后端处理这种元编程逻辑时，建议统一用类工厂模式预生成装饰器，避免运行时嵌套太深。如果用的是TypeScript，记得开启experimentalDecorators和emitDecoratorMetadata。

还有个小坑：某些编译配置下，箭头函数会影响descriptor绑定，别把original包在箭头函数里调用，虽然你这没犯这错。

先把运行环境跑一遍真实参数，别光看单元测试，很容易漏掉编译层的问题。