什么是 JavaScript 的装饰器在元编程中的应用，它们如何修改类的行为？-js教程-PHP中文网

什么是 JavaScript 的装饰器在元编程中的应用，它们如何修改类的行为？

夢幻星辰

发布： 2025-09-26 12:23:01

原创

1009人浏览过

装饰器是一种元编程特性，通过@语法修饰类或成员，实现行为扩展。它分为类、方法、属性等类型，可添加静态属性、日志记录、权限控制等功能，如@addVersion为类添加version属性，@log拦截方法调用输出参数信息，广泛应用于依赖注入、缓存、序列化等场景，提升代码复用与维护性，但仅适用于类上下文，不支持函数表达式或箭头函数，目前处于提案Stage 3阶段，TypeScript和构建工具中已可用。

什么是 javascript 的装饰器在元编程中的应用，它们如何修改类的行为？

JavaScript 的装饰器是一种用于元编程的特性，允许你在定义类或类成员时修改它们的行为。装饰器本质上是一个函数，通过在类或方法前使用 @ 语法来应用，能够在不改变原始代码的情况下增强或调整功能。

装饰器的基本语法和结构

装饰器可以应用于类、方法、访问器、属性或参数。它接收目标对象、成员名和属性描述符等参数，并可返回一个新的描述符或修改原有行为。

常见的装饰器形式包括：

类装饰器： 接收类的构造函数作为参数，可用于扩展类的功能或替换类定义。
方法装饰器： 可拦截方法调用，实现日志记录、权限检查或性能监控。
属性装饰器： 用于标记或初始化类的某个属性。

例如，一个简单的类装饰器可以自动为类添加静态属性：

function addVersion(target) {
target.version = "1.0";
}

@addVersion
class MyApp {}
console.log(MyApp.version); // 输出 "1.0"

立即学习“Java免费学习笔记（深入）”；

如何通过装饰器修改类的行为

装饰器可以在运行时动态改变类的结构或逻辑。比如，你可以使用方法装饰器来包裹原始方法，实现调用前后的额外逻辑。

图改改

在线修改图片文字

455

查看详情

function log(target, name, descriptor) {
  const original = descriptor.value;
  descriptor.value = function (...args) {
    console.log(`调用方法 ${name} 参数:`, args);
    return original.apply(this, args);
  };
  return descriptor;
}

class Calculator {
@log
add(a, b) { return a + b; }
}

new Calculator().add(2, 3); // 控制台输出调用信息

装饰器在实际开发中的应用场景

装饰器广泛用于框架和库中，提升代码的可读性和复用性。

依赖注入： 标记类需要的服务，在运行时自动注入实例。
权限控制： 在方法执行前检查用户角色，决定是否放行。
缓存机制： 对结果稳定的函数添加缓存逻辑，避免重复计算。
序列化支持： 通过属性装饰器标记哪些字段需要被序列化。

基本上就这些。装饰器提供了一种声明式的方式来扩展类的能力，让关注点分离更清晰，特别适合处理横切关注点。虽然目前 JavaScript 装饰器仍处于提案阶段（Stage 3），但在 TypeScript 和部分构建工具中已可使用。正确使用能显著提升代码组织方式和维护效率。不复杂但容易忽略的是，装饰器不能用于函数表达式或箭头函数这类非类上下文。

以上就是什么是 JavaScript 的装饰器在元编程中的应用，它们如何修改类的行为？的详细内容，更多请关注php中文网其它相关文章！