前端 - typscrip重载签名问题?

Question

function getMessage(value: number, myName: string): Message | undefined
function getMessage(value: messageType, readRecordCount: number): Message[]
function getMessage(value: any, readRecordCount: number = 1, myName: string = "2"): Message | Message[] | undefined {
  console.log(myName);

  if (typeof value === "number") {
    return messages.find(item => item.id === value)
  } else {
    return messages.filter(item => item.type === value).splice(0, readRecordCount)
  }
}

这里的第一个getMessage重载签名为什么与实现签名不兼容 我已经给值并且赋值初始值了

Answer 1

声明中的第一个重载，函数签名是 (number, string) => Message | undefined
第二个重载，签名是 (messageType, number) => Message[]

所以实现必须要包含这些参数类型（按顺序）和返回类型，就是

(number | messageType, string | number) => Message[] | Message | undefined

Answer 2

因为 TypeScript 是按照参数的序号来确定参数的，或者说这些参数都不是命名参数。
你的第一个重载里面，myName 是第二个参数，对应的是函数实现的readRecordCount，所以实际上 readRecordCount 的类型应当为 string|number，后面那个参数则是多余的。

如果你要在 TS/JS 中使用命名参数的话，可以使用对象来传参：

function getMsg(args: { value: number, myName: string }): Message | void;
function getMsg(args: { value: number, readRecordCount: number }): Message[];
function getMsg(
  {
    value,
    readRecordCount = 1,
    myName = ""
  }:
  {
    value: number,
    readRecordCount?: number,
    myName?: string
}){
  // codes here
}