面试题：TypeScript类与泛型接口的深度结合应用

Question

创建一个泛型接口`DataProcessor<T>`，包含方法`process(data: T): T`，用于处理传入的数据并返回处理后的数据。编写一个TypeScript类`NumberProcessor`实现`DataProcessor<number>`接口，对传入的数字进行平方处理；再编写一个`StringProcessor`类实现`DataProcessor<string>`接口，将传入的字符串全部转换为大写。最后，创建实例并调用`process`方法展示结果。

Answer 1

// 创建泛型接口
interface DataProcessor<T> {
    process(data: T): T;
}

// 实现DataProcessor<number>接口的类
class NumberProcessor implements DataProcessor<number> {
    process(data: number): number {
        return data * data;
    }
}

// 实现DataProcessor<string>接口的类
class StringProcessor implements DataProcessor<string> {
    process(data: string): string {
        return data.toUpperCase();
    }
}

// 创建实例并调用process方法
const numberProcessor = new NumberProcessor();
const result1 = numberProcessor.process(5);
console.log(`数字平方结果: ${result1}`);

const stringProcessor = new StringProcessor();
const result2 = stringProcessor.process('hello');
console.log(`字符串转大写结果: ${result2}`);