在 Typescript 中调用 Readonly 函数

Question

我正在使用不可变数据模型构建应用程序，但我遇到了以下死胡同：

我有一个存储为不可变的函数，如下例所示：

const f: Readonly<() => void> = () => {};
f();

调用f 时出现以下错误：

This expression is not callable.
  Type 'Readonly<() => void>' has no call signatures. (2349)

我不明白 Readonly 转换了什么会产生这种效果。

转换回 mutable 似乎不是解决方案。这会产生同样的错误：

export type Mutable<T> = {
    -readonly [K in keyof T]: T[K];
};

(f as Mutable<typeof f>)();

我希望了解此问题的根本原因，不一定要寻找解决方法，例如强制转换为确切的函数类型，或者不对函数应用 Readonly。

Link to playground.

Answer 1

您可以使用Readonly<Function> 表示函数的属性（例如apply、bind、call...）是只读的，并使用交集类型来保留函数的调用签名。

type ReadonlyFunction<F extends Function> = Readonly<Function> & F;

const f: ReadonlyFunction<() => void> = () => {};

// OK
f();

// Error: Expected 0 arguments, but got 2.
f(1, 2);

// Error: Cannot assign to 'apply' as it is a readonly property.
f.apply = 'foo';

Playground Link

---

Readonly<() => void> 不起作用的原因似乎是Readonly 是一个mapped type，所以它映射了() => void 类型的属性，而不是调用签名。

原来() => void 类型没有属性，例如keyof (() => void) 是 never，{ [K in keyof (() => void)]: any } 是 {}。