打字稿为返回函数类型抛出错误

时间:2021-02-04 20:05:57

标签: javascript typescript react-typescript

我对打字稿很陌生。我正在尝试键入此模拟函数,但出现以下错误:

<块引用>

'() 类型的值 => { doc: { name: string;标题:字符串;身体: 细绳;类别:字符串; isFunction:布尔值; isOperator:未定义; 支持的执行上下文:字符串[]; };错误:未定义; }' 没有 与“IQuickHelpDocs”类型相同的属性。你是想打电话吗 it?ts(2560)

getHelpDocs.ts(27, 49):你是想调用这个表达式吗?

export const getHelpDocs: IHelpDocs = () => ({
  doc: {
    name: 'demo',
    header: 'demo',
    body: 'Returns the demo value of <code>value</code>',
    category: 'Number',
    isFunction: true,
    isOperator: undefined,
    supportedExecutionContexts: ['calc', 'my'],
  },
  error: undefined,
})

Types.ts

export interface IHelpDocs {
  doc?: IDoc
  error?: IDocsError
}

不确定我错过了什么。如此迷茫。请帮助。

2 个答案:

答案 0 :(得分:3)

您当前编写的注释指出 getHelpDocs 的类型为 IHelpDocs

export const getHelpDocs: IHelpDocs = ...

您可能想要传达的是,它是一个不带参数并返回 IHelpDocs 的函数:

export const getHelpDocs: () => IHelpDocs = ...

这里可能令人困惑的是类型注释。对于函数,可以按如下方式标注返回类型:

export function getHelpDocs(): IHelpDocs { ... }

对于变量,您需要对整个 shebang 进行注释,否则 Typescript 将不知道需要一个函数 - 也可能是您确实只想拥有接口。

答案 1 :(得分:-2)

您是在告诉 TypeScript getHelpDocs 应该采用 IHelpDocs 的形状,但事实并非如此。这是一个返回 IHelpDocs 的函数。

我会将其更改为直接导出 function

export function getHelpDocs(): IHelpDocs {
 return {  
    doc: {
    name: 'abs',
    header: '<code>abs(value)</code>',
    body: 'Returns the absolute value of <code>value</code>',
    category: 'Number',
    isFunction: true,
    isOperator: undefined,
    supportedExecutionContexts: ['calc', 'sql'],
  },
  error: undefined,
  };
}