我如何在typescript中描述和调用object类型的function？

Question

好吧，我现在正在学习 typescript 并遇到问题。我不知道原因。希望有人可以在我调用 object 的 function 时解决这个问题。vscode 抛出 {} 类型没有调用签名的错误。 我试过描述 function 的类型。但我失败了

console.log(b.<object>fn())

let b: { name: string; fn: {} }

b = {
  name: 'derek',
  fn: (): void => {
    console.log('i am a function')
  }
}

console.log(b.fn())

Answer 1

在 TypeScript 中，函数类型通常使用箭头符号来描述 function 签名。 因此，没有返回值的无参数 function 的类型将是() => void 。

在您的示例中， b的属性fn应具有该类型：

let b: { name: string; fn: () => void }

TypeScript 中的{}用于表示可以是任何非空值的东西（任何不是null或undefined的东西），这意味着它不能保证是可调用的 function。

Answer 2

根据您的定义， fn应该是() => void类型：

let b: { name: string; fn: () => void }

操场

Answer 3

看起来您正在尝试在b object 上调用fn function，但您尚未定义fn function 的类型。

要修复此错误，您可以通过指定参数和返回类型来定义fn function 的类型。

例如：

let b: { name: string; fn: (x: number, y: number) => string }

b = {
  name: 'derek',
  fn: (x: number, y: number): string => {
    return `The result is ${x + y}`
  }
}

console.log(b.fn(1, 2))  //"The result is 3"