TypeScript装饰器与AOP应用详解

作者：青柠时间：2026-10-27 00:08:08浏览：261

本文详解TypeScript中装饰器的配置与使用，涵盖类装饰器与方法装饰器的语法。重点演示如何利用方法装饰器实现AOP（面向切面编程），通过预编译和动态代理在函数执行前后注入逻辑，降低业务耦合度，提升代码可维护性。

在TypeScript中启用和使用装饰器功能

前文介绍了装饰模式，本文将介绍TypeScript中的装饰器，并展示如何利用装饰器实现前述的装饰模式。需要注意的是，装饰器仅是实现装饰模式的一种手段，并非唯一途径。

环境配置要求

要在TypeScript项目中启用装饰器功能，必须在tsconfig.json配置文件中开启相应的语法支持选项。

"compilerOptions": {
  "experimentalDecorators": true
}

类装饰器的基本用法

在TypeScript中，可以使用装饰器对类进行扩展。例如，以下代码示例会输出包含'target is class A'信息的日志；

const injectable = () =>
  (target: { new (...args: any[]): {} }) => {
    console.log('target is ',target)
  };
@injectable()
class A {}

在类装饰器的实现中，我们可以获取到被装饰的类本身，进而对其进行功能扩展。

具体而言，我们可以为该类添加额外的属性或方法以增强其功能。

const AddName =  (name: string) => (cls: { new (...args: any[]): {} }) => {
   cls.prototype.name = name
}
@AddName('name')
class A {
    age = 18
}
const a = new A()
console.log(a.name)
console.log(a.age)

方法装饰器的语法规范

方法装饰器的定义语法如下，通过该机制可以获取当前类、方法名以及该属性的描述符对象。

const log = () => {
    return  (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
        console.log(target, propertyKey, descriptor)
    };
}
class A {
    @log
    say() {}
}

执行上述代码后，控制台将输出如下信息：

A: {}, "say", { "writable": true, "enumerable": false, "configurable": true }

那么方法装饰器有哪些实际应用场景呢？ AOP（面向切面编程）便是其中一个典型例子。

AOP（面向切面编程）概念解析

在软件工程中，AOP代表Aspect Oriented Programming，即面向切面编程。这是一种通过预编译方式和运行期间动态代理来实现程序功能统一维护的技术。

AOP是面向对象编程（OOP）的延续，也是软件开发领域的一个热点话题，同时也是Spring框架的重要组成部分，可视为函数式编程的一种衍生范式。利用AOP技术可以将业务逻辑的各个部分进行隔离，从而降低业务逻辑各部分之间的耦合度，提高程序的可重用性，同时提升开发效率。

此处引用一段关于AOP的百科简介。下面提供一个简单的代码示例，展示如何对函数执行过程进行拦截和处理：

const log = () => {
    return  (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
        const oldFn = descriptor.value
        descriptor.value = function (...args:any[]) {
            console.log('在函数执行前');
            const res = oldFn.apply(this, args);
            console.log('在函数执行后', res);
            return res;
        }
    };
}
class A {
    @log()
    say() {
        return 'Hello world'
    }
}
new A().say()

运行上述代码后的结果如下所示：