TypeScript 无法调用类型缺少调用签名的表达式

Question

在下面执行给我Error:(288, 25) TS2349: Cannot invoke an expression whose type lacks a call signature. Type 'CreateValidateObjectType | ((param: string) => CreateValidateObjectType)' has no compatible call signatures.

validationMap[FORM_ELEMENTS_NAMES.LAST_NAME_INPUT]('aaaa')

这是validationMap 及其类型

type ValidationMapType = {
  [key: string]: CreateValidateObjectType | ((param: string) => CreateValidateObjectType);
};

const validationMap: ValidationMapType = {
  [FORM_ELEMENTS_NAMES.FIRST_NAME_INPUT]: createValidationObject({
    required: true,
    minLength: 2,
    maxLength: 25,
  }),
  [FORM_ELEMENTS_NAMES.LAST_NAME_INPUT]: (param: string) => createValidationObject({
    required: true,
    minLength: 2,
    maxLength: 25,
  })
}

不作为函数调用validationMap 不会给我任何错误。

Answer 1

您没有告诉 use CreateValidateObjectType 的定义是什么，但从错误来看，我认为它不是一个函数。由于它不是一个函数，当你这样做时：

validationMap[FORM_ELEMENTS_NAMES.FIRST_NAME_INPUT]

您可能会或可能不会获得功能。但是您的代码假定它始终是一个函数，因为您会立即无条件地调用它：

validationMap[FORM_ELEMENTS_NAMES.FIRST_NAME_INPUT]('aaaa')

Typescript 指出，根据您定义的类型，您必须先检查它是否是一个函数。例如：

const validation = validationMap[FORM_ELEMENTS_NAMES.FIRST_NAME_INPUT];
let result: CreateValidateObjectType;
if (typeof validation === 'function') {
  result = validation('aaaa');
} else {
  result = validation;
}

---

如果你提前知道哪些属性是函数，哪些不是，那么你可以放弃使用索引类型，这样打字稿就可以知道“啊，是的，LAST_NAME_INPUT 属性；这是一个函数”。

const validationMap = { // <--- no longer an index type
  [FORM_ELEMENTS_NAMES.FIRST_NAME_INPUT]: createValidationObject({
    required: true,
    minLength: 2,
    maxLength: 25,
  }),
  [FORM_ELEMENTS_NAMES.LAST_NAME_INPUT]: (param: string) => createValidationObject({
    required: true,
    minLength: 2,
    maxLength: 25,
  })
}

这意味着您不需要检查，但这也意味着您不能像索引类型允许的那样在运行时任意添加/删除键。