TypeScript中如何判断MSAL联合类型EventPayload值的具体类型

在React + TypeScript技术栈中使用@azure/msal-react和@azure/msal-browser实现身份认证功能时遇到类型校验问题：TypeScript可识别event.payload为EventPayload联合类型，但无法通过instanceof运算符校验其具体类型（如AuthenticationResult类型），编写校验代码时抛出ts(2693)错误。
相关代码如下：
依赖引入代码：

import {
  EventType,
  AuthenticationResult,
  PublicClientApplication,
} from "@azure/msal-browser";

EventPayload类型定义：

export declare type EventPayload = AccountInfo | PopupRequest | RedirectRequest | SilentRequest | SsoSilentRequest | EndSessionRequest | AuthenticationResult | PopupEvent | null;

事件回调逻辑代码：

msalInstance.addEventCallback((event) => {
  if (event.eventType === EventType.LOGIN_SUCCESS) {
    if (event.payload instanceof AuthenticationResult) {
      // 抛出错误：'AuthenticationResult' only refers to a type, but is being used as a value here.ts(2693)
      // 业务逻辑
    }
  }
});

instanceof运算符右侧必须是运行时真实存在的构造函数值。AuthenticationResult属于TypeScript编译阶段的类型定义（接口/类型别名），TS编译为JavaScript后会擦除全部类型相关代码，运行环境中不存在AuthenticationResult构造函数，因此无法直接通过instanceof做类型校验，触发ts(2693)错误。

通过判断AuthenticationResult类型独有的实例属性完成类型收窄，这是TypeScript中识别联合类型具体子类型的通用方案：

msalInstance.addEventCallback((event) => {
  if (event.eventType === EventType.LOGIN_SUCCESS) {
    const payload = event.payload;
    // 校验AuthenticationResult独有的核心属性，完成类型收窄
    if (
      payload !== null &&
      typeof payload === "object" &&
      "accessToken" in payload &&
      "account" in payload &&
      "expiresOn" in payload
    ) {
      // 此处TS会自动将payload类型收窄为AuthenticationResult，可直接访问对应属性
      console.log("登录成功，访问令牌：", payload.accessToken);
      const currentAccount = payload.account;
      // 后续业务逻辑
    }
  }
});

如果当前使用的msal版本中，事件类型与payload的映射关系稳定，也可以在确认事件类型后直接做类型断言，但优先使用属性校验方案，可规避版本迭代带来的类型不匹配风险：

msalInstance.addEventCallback((event) => {
  if (event.eventType === EventType.LOGIN_SUCCESS) {
    // 已知LOGIN_SUCCESS事件的payload固定为AuthenticationResult时可直接断言
    const authResult = event.payload as AuthenticationResult;
    // 业务逻辑
  }
});

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