一、类型系统架构全景

二、接口(Interface)：契约式开发基石

1. 核心原理

• 结构类型系统：基于鸭子类型（Duck Typing）的隐式实现机制
• 编译时校验：在编译阶段完成类型匹配检查，无运行时开销
• 开放扩展性：支持接口合并（Declaration Merging）特性

2. 定义规范

// 基础接口
interface NetworkResponse {
  code: number;
  data: unknown;
  message?: string;  // 可选属性
  readonly traceId: string;  // 只读属性
}

// 接口继承
interface ErrorResponse extends NetworkResponse {
  errorCode: number;
  stackTrace?: string[];
}

// 函数类型接口
interface DataParser<T> {
  (raw: string): T;
  version: string;
}

3. 使用场景

• 组件属性校验：通过@Prop装饰器限定传入数据类型
• REST API响应：定义标准数据结构模板（如分页格式）
• 插件系统：约束插件必须实现的接口方法

4. 最佳实践

• 接口隔离原则：每个接口不超过5个属性/方法
• 可选属性优化：超过3个可选属性考虑分拆接口
• 版本控制：通过继承扩展接口而非直接修改

---

三、类(Class)：面向对象核心载体

1. 核心特性

• 三级访问控制：public(默认)/protected/private
• 静态成员：类级别共享数据/方法
• 单继承机制：extends实现类继承，implements实现多接口

2. 定义规范

// 基础类定义
class DeviceManager {
  // 实例字段
  private connectedDevices: Map<string, Device> = new Map();
  
  // 静态字段
  static MAX_CONNECTIONS: number = 10;
  
  // 构造函数
  constructor(public platform: string) {}
  
  // 方法
  connect(device: Device): void {
    if(this.connectedDevices.size < DeviceManager.MAX_CONNECTIONS) {
      this.connectedDevices.set(device.id, device);
    }
  }
  
  // Getter/Setter
  get connectionCount(): number {
    return this.connectedDevices.size;
  }
}

// 继承与实现
class BluetoothDevice extends DeviceManager implements Connectable {
  private pairingCode: string;
  
  constructor(code: string) {
    super('Bluetooth');
    this.pairingCode = code;
  }
  
  pair(): void {
    // 实现接口方法
  }
}

3. 使用场景

• 复杂状态管理：通过@State装饰器管理组件状态
• 服务模块封装：网络请求、数据库操作等基础服务
• 设备抽象建模：蓝牙、传感器等硬件设备模型

4. 进阶技巧

• 抽象类：使用abstract定义不可实例化的基类
• 混入模式：通过交叉类型实现多继承效果
• 装饰器应用：@Watch/@Observed实现响应式更新

---

四、枚举(Enum)：状态管理利器

1. 核心特性

• 强类型常量：编译时替换为实际值
• 双向映射：支持名称⇄值的双向查找
• 异构枚举：允许混合字符串和数字值

2. 定义规范

// 基础枚举
enum DeviceState {
  Offline = 0,
  Connecting = 1,
  Online = 2,
  Error = 'ERROR'
}

// 常量枚举（编译优化）
const enum LogLevel {
  Debug = 100,
  Info = 200,
  Warn = 300,
  Error = 400
}

// 位标志枚举
enum Permission {
  Read = 1 << 0,
  Write = 1 << 1,
  Execute = 1 << 2
}

3. 使用场景

• 有限状态机：设备连接状态管理
• 错误代码分类：HTTP状态码、业务错误码
• 权限控制：组合使用位运算实现权限管理

4. 最佳实践

• 语义化命名：避免直接使用魔法数值
• 值范围控制：单个枚举不超过20个成员
• 编译优化：const enum提升运行时性能

---

五、联合类型(Union)：灵活类型处理

1. 核心特性

• 类型包容：允许变量持有多种类型值
• 类型收缩：通过typeof/instanceof进行类型保护
• 模式匹配：与条件类型结合实现复杂逻辑

2. 定义规范

// 基础联合类型
type ResponseData = string | Blob | ArrayBuffer;

// 可辨识联合
type ApiResult = 
  | { status: 'success'; data: User[] }
  | { status: 'error'; code: number };

// 函数重载
function parse(input: string | number): Date | number {
  if (typeof input === 'string') return new Date(input);
  return Date.now() + input;
}

3. 使用场景

• 多态数据解析：处理不同格式的API响应
• 组件属性适配：支持多种输入类型的组件
• 平台兼容处理：不同OS/设备的类型适配

4. 类型保护技巧

// 自定义类型守卫
function isErrorResult(res: ApiResult): res is { status: 'error'; code: number } {
  return res.status === 'error';
}

// 可辨识联合检查
function handleResult(res: ApiResult) {
  switch(res.status) {
    case 'success':
      console.log(res.data);
      break;
    case 'error':
      console.error(res.code);
      break;
  }
}

---

六、四大类型综合对比

维度	接口(Interface)	类(Class)	枚举(Enum)	联合类型(Union)
核心用途	结构契约定义	数据行为封装	有限状态集合	类型多态处理
继承机制	多继承(extends)	单继承(extends)	不可继承	类型组合
实例化能力	不可实例化	可new实例化	值类型	无独立实例
运行时表现	类型擦除	保留类结构	生成真实对象	类型推断
内存占用	无额外开销	每个实例独立存储	全局单例	取决于实际类型
典型应用场景	API数据校验	业务实体建模	状态码管理	动态数据处理
扩展性策略	接口合并	子类扩展	枚举值扩展	类型组合

---

七、综合应用实战：物联网设备管理系统

1. 类型定义层

// 接口定义
interface IDevice {
  readonly id: string;
  name: string;
  status: DeviceStatus;
  connect(config: DeviceConfig): void;
}

// 类实现
class TemperatureSensor implements IDevice {
  constructor(
    public id: string,
    public name: string,
    public status: DeviceStatus = DeviceStatus.Offline
  ) {}
  
  connect(config: BluetoothConfig | WifiConfig) {
    if (config.protocol === 'bluetooth') {
      this.pairBluetooth(config.pairingCode);
    }
    this.status = DeviceStatus.Online;
  }
}

// 枚举定义
enum DeviceStatus {
  Offline,
  Connecting,
  Online,
  Error = 999
}

// 联合类型
type DeviceConfig = BluetoothConfig | WifiConfig;

2. 业务逻辑层

class DeviceManager {
  private devices: Map<string, IDevice> = new Map();
  
  addDevice(device: TemperatureSensor | MotionSensor) {
    if (device.status !== DeviceStatus.Error) {
      this.devices.set(device.id, device);
    }
  }
  
  bulkConnect(configs: DeviceConfig[]) {
    configs.forEach(config => {
      const device = this.devices.get(config.deviceId);
      if (device && isConnectable(config)) {
        device.connect(config);
      }
    });
  }
}

---

八、调试与优化指南

1. 类型调试技巧

// 类型断言调试
console.log('设备类型:', (device as TemperatureSensor).currentTemp);

// 类型谓词检查
function isBluetoothConfig(config: DeviceConfig): config is BluetoothConfig {
  return 'pairingCode' in config;
}

// 泛型日志工具
function debugLog<T>(tag: string, value: T): T {
  console.log(`[DEBUG][${tag}]`, value);
  return value;
}

2. 性能优化策略

• 常量枚举：使用const enum减少运行时开销
• 联合类型收缩：尽早进行类型判断缩小处理范围
• 接口合并优化：避免过多可选属性影响类型推断
• 类内存管理：及时释放无用的类实例

---

九、常见问题

1. 接口 vs 类型别名

对比项	接口(Interface)	类型别名(Type Alias)
扩展性	支持声明合并	不可扩展
实现方式	必须显式实现	结构兼容即可
循环引用	支持	需要特殊处理
适用场景	对象形状/类约束	联合类型/元组等复杂类型

2. 枚举运行时问题

// 反向映射陷阱
enum Color { Red = 1 }
console.log(Color[1]); // "Red"
console.log(Color['Red']); // 1

// 解决方案：常量枚举
const enum SafeColor {
  Blue = 2
}
// 编译后变为直接量，避免反向映射

---