javascript - 如何使用 TypeScript 为多个函数重用函数签名

Question

考虑以下代码:

type TCallBack = () => void

const subscriptions: { [key: string]: TCallBack[] } = {}

interface ISubscription {
  eventName: string
  callback: TCallBack
}

export function unsubscribe({ eventName, callback }: ISubscription) {
  // ...
}

export function subscribe({ eventName, callback }: ISubscription) {
  // ...
}

export function subscribeOnce({ eventName, callback }: ISubscription) {
  // ...
}

函数签名 { eventName, callback }: ISubscription用于多种功能。有没有办法避免复制此签名但重用它？我在想像下面这样的东西会很棒:

const functionSignature = { eventName, callback }: ISubscription
export function subscribe(functionSignature ) {

但这当然行不通。感谢您的帮助。

Answer 1

您可以定义一个类型来确定您的输入参数和返回类型，然后像这样编写实现:

type TCallBack = () => void

const subscriptions: { [key: string]: TCallBack[] } = {}

interface ISubscription {
  eventName: string
  callback: TCallBack
}

type FunctionType = (subscription: ISubscription) => void

export const unsubscribe: FunctionType = ({ eventName, callback }) => {

}

export const subscribe: FunctionType = ({ eventName, callback }) => {

}

export const subscribeOnce: FunctionType = ({ eventName, callback }) => {

}

但是正如评论中提到的，这不是一个很好的方法，因为它没有给您带来太多好处，而是在某些重构场景中引起问题。