装饰器是一种元编程特性，通过@语法修饰类或成员，实现行为扩展。它分为类、方法、属性等类型，可添加静态属性、日志记录、权限控制等功能，如@addVersion为类添加version属性，@log拦截方法调用输出参数信息，广泛应用于依赖注入、缓存、序列化等场景，提升代码复用与维护性，但仅适用于类上下文，不支持函数表达式或箭头函数，目前处于提案Stage 3阶段，TypeScript和构建工具中已可用。
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 的装饰器在元编程中的应用，它们如何修改类的行为？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/325889.html
微信扫一扫 
支付宝扫一扫 
