typescript 函数参数类型不兼容请教

Question

重点:add:(val:{[key:string]:any})=>void // 这里的类型不能固定, 因为 add,要接受不同的函数

interface ParamsType {
  name:string,
  age:number
}

interface HandleType {
  add:(val:{[key:string]:any})=>void        // 这里的类型不能固定, 因为 add,要接受不同的函数
}

function testFun(val:ParamsType){    // testFun 函数的参数类型是固定的

}

const  itemHandle:HandleType = {
  add:testFun // 这里会报错,参数不兼容, 怎么解决
}

Answer 1

参考GPT和自己的思路，在这个例子中，testFun函数的参数类型是ParamsType，而itemHandle对象的add方法参数类型是{[key:string]:any}。因此，这两个类型是不兼容的。为了解决这个问题，你可以更改HandleType的定义，使其接受一个参数类型为ParamsType的函数。这样做可以保证testFun符合HandleType的定义。以下是修改后的代码：

interface ParamsType {
  name:string,
  age:number
}

interface HandleType {
  add:(val:ParamsType)=>void        // 将参数类型固定为 ParamsType
}

function testFun(val:ParamsType){    // testFun 函数的参数类型是固定的
}

const itemHandle:HandleType = {
  add:testFun // 现在不会报错了
}

现在testFun的参数类型与HandleType的add方法所需的参数类型相匹配，因此不会出现类型不兼容的问题。