面试题：TypeScript装饰器模式与元数据及依赖注入的结合

整体设计思路

定义元数据装饰器：创建装饰器函数，用于给服务类的方法添加元数据，如访问权限、缓存策略等。
依赖注入容器：使用一个容器来管理服务类的实例化和依赖关系。
解析元数据并动态配置：在运行时，通过反射机制解析方法上的元数据，并根据元数据动态配置服务，如设置访问权限、应用缓存策略等。

关键代码示例

定义元数据装饰器

// 访问权限元数据装饰器
function AccessLevel(level: string) {
    return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
        Reflect.defineMetadata('accessLevel', level, target, propertyKey);
    };
}

// 缓存策略元数据装饰器
function CacheStrategy(strategy: string) {
    return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
        Reflect.defineMetadata('cacheStrategy', strategy, target, propertyKey);
    };
}

定义服务类

class UserService {
    @AccessLevel('admin')
    @CacheStrategy('none')
    getUser() {
        return 'User data';
    }
}

class OrderService {
    @AccessLevel('user')
    @CacheStrategy('short')
    getOrder() {
        return 'Order data';
    }
}

依赖注入容器

class Container {
    private services: { [key: string]: any } = {};

    register(name: string, service: any) {
        this.services[name] = service;
    }

    resolve(name: string): any {
        return this.services[name];
    }
}

解析元数据并动态配置服务

const container = new Container();
container.register('UserService', UserService);
container.register('OrderService', OrderService);

function configureServices() {
    const serviceNames = Object.keys(container.services);
    serviceNames.forEach(name => {
        const service = container.resolve(name);
        const prototype = Object.getPrototypeOf(service);
        const methodNames = Object.getOwnPropertyNames(prototype).filter(
            property => typeof prototype[property] === 'function' && property!== 'constructor'
        );
        methodNames.forEach(methodName => {
            const accessLevel = Reflect.getMetadata('accessLevel', prototype, methodName);
            const cacheStrategy = Reflect.getMetadata('cacheStrategy', prototype, methodName);
            console.log(`Service: ${name}, Method: ${methodName}, Access Level: ${accessLevel}, Cache Strategy: ${cacheStrategy}`);
            // 这里可以根据元数据进行动态配置，如访问控制、缓存逻辑等
        });
    });
}

configureServices();

星途面试题库

面试题：TypeScript装饰器模式与元数据及依赖注入的结合

知识考点

面试题答案

整体设计思路

关键代码示例