如何在TypeScript的type中内联声明操作实例的函数？

你给出的示例代码不合法，原因是：TypeScript的类型别名（type）和接口（interface）仅用于描述类型结构，只能定义方法的签名（即参数和返回值类型），不能编写具体的函数实现（带{}的函数体）。

正确的类型声明方式 #

你可以用类型别名或接口来定义Timer的结构，只声明方法的签名：

用类型别名（type）

export type Timer = {
  timerId: number;
  callback: () => void;
  clear: () => void; // 仅定义方法的类型签名
};

用接口（interface）

export interface Timer {
  timerId: number;
  callback: () => void;
  clear(): void; // 接口中方法签名的简洁写法
}

实现符合该类型的实例 #

如果需要包含具体的函数逻辑，你可以通过类或者对象字面量来实现这个类型：

用类实现

export class TimerImpl implements Timer {
  timerId: number;
  callback: () => void;

  constructor(timerId: number, callback: () => void) {
    this.timerId = timerId;
    this.callback = callback;
  }

  clear() {
    if (this.timerId) {
      clearTimeout(this.timerId);
      this.timerId = 0;
    }
    // 这里可以写具体的逻辑
  }
}

用对象字面量实现

const myTimer: Timer = {
  timerId: setTimeout(() => console.log('触发定时器'), 1000),
  callback: () => console.log('执行回调'),
  clear() {
    if (this.timerId) {
      clearTimeout(this.timerId);
      console.log('清除定时器');
    }
  }
};

简单来说：类型系统只负责“描述结构”，具体的功能逻辑要放到实际的对象或类中实现。

内容的提问来源于stack exchange，提问作者Monku