是否可以在没有类型断言或中间体的情况下在 TypeScript 中定义具有属性的函数？

Question

TypeScript 允许您定义一个既可调用又具有属性的接口：

interface FnWithProps {
    (x: number): number;
    a: string;
    b: string;
}

这是创建可分配给此接口的值的一种方法：

function double(x: number) {
    return x * x;
}
double.a = 'Hello';
double.b = 'Goodbye';

let f: FnWithProps = double;  // ok

如果未设置double.a或double.b则会触发错误。

是否可以直接构造这样的值，而无需通过中间或使用类型断言？

这不是有效的 TypeScript，会触发各种错误：

let g: FnWithProps = {
    (x: number) => x,
    a: 'Hello',
    b: 'Goodbye',
};

Answer 1

我认为中间解决方案可能是最好的解决方案，因为它也适用于重载，但您也可以使用Object.assign来获得类似的效果：

let f: FnWithProps = Object.assign(function double(x: number) {
    return x * x;
},{
    a : 'Hello',
    b : 'Goodbye'
}); 

尽管这确实意味着我们无法推断函数参数或属性。

如果这是您的常见场景，我们可以构建一个实用函数来对所有内容进行推断：

interface FnWithProps {
    (x: number): number;
    a: string;
    b: string;
}

function functionWithProps<T extends (...a: any[]) => any>(fn: (...a: Parameters<T>) => ReturnType<T>, props: Pick<T, keyof T>){
    return Object.assign(fn, props);
}

let f = functionWithProps<FnWithProps>(function double(x) { // annotation not necesary
    return x * x;
},{
    a : 'Hello', // helpful intelisense here
    b : 'Goodbye'
}); 

Answer 2

编辑：使用原始帖子中的interface FnWithProps

interface FnWithProps {
    (x: number): number;
    a: number;
    b: number;
}
const g:FnWithProps = (()=>{
    const obj={
        a:2,b:3,
        func:function(x:number){ return this.a*x+this.b}
    }
    return obj.func.bind({a:obj.a,b:obj.b}) as FnWithProps
})()
console.log(g(1))

打字稿游乐场中的演示

这里要注意的是，函数定义的this是obj 。 这是防止与此相关的错误所必需的。 但是，从obj中取出后， this this就丢失了！ 所以用bind代替了。 （分配也会起作用）。

顺便说一句，使用interface的替代方法如下：

type Fn = (x:number)=>number
type Props = { a: string, b:string}
const g=(function():Fn & Props{
  const f=(x:number)=>x*x
  f.a='Hello'
  f.b='Goodbye'
  return f  // type checking properly applied here
})()