如何将TypeScript对象更新属性的方法抽离到外部文件实现？

方案1：利用this上下文绑定（最推荐） #

无需修改原有Rocket接口定义，完全兼容原有调用方式，是成本最低的优雅实现。

第一步：编写抽离的setRocket方法 #

// set-rocket.ts
import type { Rocket } from './你的Rocket接口定义文件路径'

// 用普通函数而非箭头函数，给this标注Rocket类型保证类型安全
export function setRocket(this: Rocket, name: string): void {
  this.name = name
}

第二步：实现Rocket实例时直接引用抽离的方法 #

import { setRocket } from './set-rocket'

const rocket: Rocket = {
  name: 'some-rocket',
  // 直接赋值抽离的方法即可，this会自动绑定到当前调用的实例
  setName: setRocket
}

调用方式保持原有写法，无需修改 #

rocket.setName('new-rocket-name')

该方案优势：

• 完全不修改原有Rocket接口定义，符合接口语义
• 调用方式和原有逻辑完全一致，没有冗余参数
• 类型安全，TypeScript会自动校验this的类型和参数类型

方案2：高阶函数绑定实例（适配箭头函数场景） #

如果你坚持要用箭头函数编写抽离逻辑，可以通过高阶函数在实例创建时绑定对应实例：

第一步：编写高阶函数生成setName方法 #

// set-rocket.ts
import type { Rocket } from './你的Rocket接口定义文件路径'

export const createSetRocket = (rocket: Rocket) => (name: string) => {
  rocket.name = name
}

第二步：创建实例时生成绑定当前实例的setName方法 #

import { createSetRocket } from './set-rocket'

const rocket: Rocket = {
  name: 'some-rocket',
  setName: createSetRocket(rocket)
}

调用方式同样保持原有写法，无需传入实例参数。 #

原有手动传入实例的方案破坏了实例方法的语义，方法本身应该默认操作所属实例，不需要额外传递自身作为参数，上述两种方案都避免了这个问题。

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