在TypeScript中构建具有属性的函数对象

Question

我想创建一个函数对象，它也有一些属性。例如，在JavaScript中，我将执行以下操作：

var f = function() { }
f.someValue = 3;

现在在TypeScript中，我可以将这种类型描述为：

var f: { (): any; someValue: number; };

然而，如果不需要石膏，我实际上不能建造它。如：

var f: { (): any; someValue: number; } =
    <{ (): any; someValue: number; }>(
        function() { }
    );
f.someValue = 3;

如果没有石膏，你将如何建造这个？

Answer 1

TypeScript旨在通过声明合并来处理这种情况：

您可能还熟悉创建函数，然后通过向函数添加属性进一步扩展函数的JavaScript实践。TypeScript使用声明合并以一种类型安全的方式构建这样的定义。

声明合并让我们可以说某个东西既是一个函数又是一个名称空间（内部模块）：

function f() { }
namespace f {
    export var someValue = 3;
}

这保留了键入，并允许我们编写f（）和f.someValue。当为现有的JavaScript代码编写.d.ts文件时，使用声明：

declare function f(): void;
declare namespace f {
    export var someValue: number;
}

在TypeScript中，向函数添加属性通常是一种令人困惑或意外的模式，因此请尽量避免，但在使用或转换较旧的JS代码时可能是必要的。这是唯一适合将内部模块（名称空间）与外部模块混合使用的情况之一。

Answer 2

现在使用对象（typescript2.x）很容易实现这一点。分配（目标、源）

例子：

这里的魔力在于对象。分配

强制将其解析为已知接口也是很简单的。例如：

interface Foo {
  (a: number, b: string): string[];
  foo: string;
}

let method: Foo = Object.assign(
  (a: number, b: string) => { return a * a; },
  { foo: 10 }
); 

哪些错误是由不兼容的键入引起的：

错误：foo:number不可分配给foo:string
错误：number不可分配给string[]（返回类型）

注意：如果针对较旧的浏览器，您可能需要重新填充Object.assign。

Answer 3

更新：这个答案在早期版本的TypeScript中是最好的解决方案，但是在新版本中有更好的选项（请参阅其他答案）。

接受的答案是有效的，在某些情况下可能是必需的，但是有一个缺点，即没有为构建对象提供类型安全。如果您试图添加未定义的属性，此技术至少会引发类型错误。

interface F { (): any; someValue: number; }

var f = <F>function () { }
f.someValue = 3

// type error
f.notDeclard = 3