typescript 将 function 标记为实现接口

Question

我想指出一个 function 有望实现某个接口。

例如：

import { BrowserEvents, eventHandler, Event } from './browser-events'; 

export function setup(){
 const browserEvents = new BrowserEvents();
 browserEvents.onClicks(handleClicks);

 function handleClicks(ev: Event) {
   ev.preventDefault();
 }
}

我想告诉 typescript handleClicks应该匹配类型eventHandler 。 显然，如果handleClicks的签名与onClicks不匹配，ts 会抛出错误。 但我想像这样的语法在“源头”显示错误：

// (not valid syntax!)
function handleClicks(ev: Event) implements eventHandler {
  ev.preventDefault();
}

我也可以使用 function 作为变量，就像这样，但它会迫使我在使用 function 之前移动它：

const handleClicks: eventHandler = (ev: Event) => {
  ev.preventDefault();
}

browserEvents.onClicks(handleClicks);

那么，是否有强制常规 function 遵守签名的语法？

Answer 1

认为您可能可以执行以下操作：

（但不确定您要返回什么，所以我将其输入为void ）

interface FunctionInterface {
  (e: eventHandler): void;
}

function f1(e): FunctionInterface {
  e.preventDefault();
}

const f2: FunctionInterface = e => {
  e.preventDefault()
};