为什么TypeScript中instanceof守卫可调用函数而typeof守卫不行

报错原因 #

该报错是TypeScript类型收窄规则的差异导致的，和JavaScript运行时逻辑无关，对应代码示例如下：

let x: Record<string, string> | Function = {};

if (x instanceof Function) {
    x();
}

if (typeof x === "function") {
    x();
}

• instanceof Function是TypeScript内置支持的类型守卫，能正确从联合类型中识别出Function类型分支，所以第一个判断块内的x被收窄为Function类型，可以正常调用。
• TypeScript的typeof类型守卫对顶层Function类型的匹配存在设计限制：typeof === "function"的守卫规则默认只匹配带有明确调用签名的具体函数类型（比如() => void），不会匹配泛化的Function类型。同时Record<string, string>类型也不可能满足typeof为function的条件，因此第二个判断块内的x被收窄为never类型，调用时就会抛出对应错误：

此表达式不可调用。类型 'never' 没有调用签名。

typeof结果为function但不可调用的场景 #

JavaScript运行时中确实存在这类特殊场景，常见的有以下几种：

• 老旧浏览器中的特殊宿主对象：部分IE旧版本中的部分内置宿主接口，typeof返回function，但不符合ECMAScript对可调用对象的规范，直接调用会抛出错误。
• 经过特殊配置的函数代理对象：如果对函数类型的Proxy对象配置了apply陷阱，拦截所有调用并主动抛出错误，此时typeof返回结果仍是function，但调用无法正常执行。
• 部分JS运行时的内部绑定对象：部分低版本Node.js或嵌入式JS引擎中的内部私有方法，typeof返回function，但未对外暴露调用权限，直接调用会失败。

内容的提问来源于stack exchange，提问作者Mister Epic