开启strict模式的TypeScript如何检测未定义属性访问？

这确实是个挺让人头疼的点——当你把变量声明为any类型时，TypeScript会直接“放弃类型检查”，完全跳过对它的所有属性校验。所以哪怕你访问一个根本不存在的属性x.asdf，编译器也不会发出任何警告；但当你继续访问x.asdf.jjj时，因为运行时x.asdf是undefined，自然就触发了TypeError。

不过别慌，有几个办法能帮你提前捕获这类问题，让TypeScript发挥它的类型安全作用：

1. 彻底抛弃any，定义明确的类型 #

这是最推荐的解决方案，也是开启strict: true模式的核心目标之一。给你的变量定义具体的接口或类型别名，这样TypeScript就能在编译阶段就检测到非法的属性访问：

// 先定义明确的类型
interface TestObj {
  test: boolean;
}

let x: TestObj = { test: false };
let y = x.asdf; // 编译阶段直接报错：属性"asdf"不存在于类型"TestObj"上

这样一来，你在写代码时就能立刻发现问题，不用等到运行时才踩坑。

2. 用unknown替代any #

如果实在没办法提前确定变量的具体类型（比如处理动态数据），可以用unknown代替any——它是一个更安全的“顶级类型”，强制你必须先缩小类型范围才能访问属性：

let x: unknown = { test: false };

// 直接访问x.asdf会报错，必须先做类型检查或断言
if (typeof x === 'object' && x !== null && 'asdf' in x) {
  let y = x.asdf; // 这里类型检查通过
}

// 或者用类型断言（注意：这需要你自己保证类型的正确性）
let y = (x as { asdf?: string }).asdf;

这种方式能避免你随意访问unknown类型的属性，迫使你做必要的类型校验。

3. 用ESLint规则辅助检测（过渡方案） #

如果你的项目里还有大量遗留的any类型没法一下子替换，可以借助ESLint的TypeScript插件来检测不安全的属性访问。

安装@typescript-eslint/eslint-plugin后，在ESLint配置里启用@typescript-eslint/no-unsafe-member-access规则：

{
  "rules": {
    "@typescript-eslint/no-unsafe-member-access": "warn"
  }
}

这个规则会对所有any类型的属性访问发出警告，哪怕是存在的属性，能帮你逐步减少代码中any的滥用。

总的来说，最根本的解决思路是尽量消除代码中的any类型，用明确的类型定义或unknown来替代，这样才能让TypeScript的严格模式真正发挥作用。

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