TypeScript Class方法全面指南：从基础到高级应用

1. TypeScript中的Class方法使用指南

在TypeScript项目中，Class作为面向对象编程的核心概念，其方法的使用直接关系到代码的组织结构和可维护性。与普通JavaScript不同，TypeScript的Class方法具有更严格的类型约束和更丰富的修饰符选项。

1.1 Class方法的基础定义

在.ts文件中定义Class方法的基本语法如下：

typescript复制class MyClass {
  // 实例方法
  public instanceMethod(param1: string): number {
    return param1.length;
  }

  // 静态方法
  static staticMethod(): void {
    console.log('This is a static method');
  }

  // 私有方法
  private privateMethod(): boolean {
    return true;
  }
}

方法定义包含几个关键部分：

• 访问修饰符（public/private/protected）
• 方法名称
• 参数列表（带类型注解）
• 返回值类型声明
• 方法实现体

提示：即使不写public修饰符，Class方法默认也是public的，但显式声明可以提高代码可读性。

1.2 方法类型与使用场景

TypeScript Class中的方法主要分为以下几种类型：

一个包含多种方法类型的完整示例：

typescript复制class User {
  private _name: string;
  
  constructor(name: string) {
    this._name = name;
  }

  // Getter方法
  get name(): string {
    return this._name.toUpperCase();
  }

  // Setter方法
  set name(newName: string) {
    if(newName.length > 0) {
      this._name = newName;
    }
  }

  // 实例方法
  greet(): string {
    return `Hello, ${this.name}`;
  }

  // 静态工厂方法
  static createAnonymous(): User {
    return new User('Anonymous');
  }

  // 私有方法
  private validateName(name: string): boolean {
    return name.length <= 20;
  }
}

2. Class方法的高级特性

2.1 方法参数的高级用法

TypeScript Class方法支持丰富的参数处理特性：

typescript复制class AdvancedMethods {
  // 可选参数
  methodWithOptional(param1: string, optionalParam?: number) {
    // ...
  }

  // 默认参数
  methodWithDefault(param1 = 'default') {
    // ...
  }

  // 剩余参数
  methodWithRest(...args: number[]) {
    // ...
  }

  // 函数重载
  overloadMethod(value: string): string;
  overloadMethod(value: number): number;
  overloadMethod(value: string | number): string | number {
    if (typeof value === 'string') {
      return value.toUpperCase();
    }
    return value * 2;
  }
}

2.2 箭头函数作为类方法

在处理回调函数时，箭头函数方法可以避免this指向问题：

typescript复制class EventHandler {
  private count = 0;

  // 传统方法 - this可能丢失
  traditionalMethod() {
    setTimeout(function() {
      console.log(this.count); // 错误：this可能是undefined
    }, 100);
  }

  // 箭头函数方法 - 保持this绑定
  arrowMethod = () => {
    setTimeout(() => {
      console.log(this.count); // 正确：this始终指向实例
    }, 100);
  }
}

注意：箭头函数方法会为每个实例创建单独的函数副本，可能增加内存使用。对于大量实例的类，应考虑在构造函数中绑定传统方法。

2.3 抽象方法与接口实现

抽象类和接口可以定义方法契约：

typescript复制// 抽象类定义抽象方法
abstract class Animal {
  abstract makeSound(): void;
  
  move(): void {
    console.log('Moving...');
  }
}

// 接口定义方法签名
interface Loggable {
  log(message: string): void;
}

// 实现抽象类和接口
class Dog extends Animal implements Loggable {
  makeSound() {
    console.log('Bark!');
  }
  
  log(message: string) {
    console.log(`[Dog] ${message}`);
  }
}

3. 方法装饰器与元编程

TypeScript的装饰器可以增强Class方法的功能：

3.1 常用方法装饰器模式

typescript复制// 简单的日志装饰器
function log(target: any, key: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  
  descriptor.value = function(...args: any[]) {
    console.log(`Calling ${key} with`, args);
    const result = originalMethod.apply(this, args);
    console.log(`Method ${key} returned`, result);
    return result;
  };
  
  return descriptor;
}

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

3.2 装饰器工厂与参数装饰器

可以创建可配置的装饰器工厂：

typescript复制// 装饰器工厂
function timeout(millisecond