为何VSCode的TypeScript文件中对象内函数的lexical this无法自动推断

问题根因 #

• TypeScript 对对象字面量内方法的 this 自动推断强依赖 tsconfig.json 中 noImplicitThis 编译选项的开启状态。TS Playground 默认开启了严格模式（包含 noImplicitThis: true），所以能正常将方法内的 this 关联到所属父对象；如果本地项目未开启该配置，或是 VSCode 采用了无配置的默认 TypeScript 语言服务设定，对象方法内的 this 会被默认推断为 any，不会触发自动关联。
• VSCode 采用的 TypeScript 版本不匹配也会导致该问题。如果工作区安装了独立的 TypeScript 依赖，VSCode 会优先使用工作区的 TS 版本而非编辑器内置版本，若工作区 TS 版本低于支持对象字面量 this 自动推断的版本，或是存在兼容性问题，就会出现推断失效的情况。
• 仅对象场景出现该问题是 TypeScript 的设计逻辑决定的：类方法内部的 this 本身天然关联类的实例类型，属于 TS 基础推断规则，不受 noImplicitThis 配置影响；而对象字面量结构动态可扩展，默认不会做反向的 this 关联，仅在开启对应配置后才会触发推断。

解决方案 #

• 检查项目 tsconfig.json 配置，确保开启 noImplicitThis 选项，也可以直接开启 strict: true，该配置会自动包含所有严格模式校验规则，其中就包含 noImplicitThis。
• 手动指定 VSCode 使用的 TypeScript 版本：按 Ctrl+Shift+P（Mac 端为 Cmd+Shift+P）调出命令面板，输入「TypeScript: Select TypeScript Version」，选择和预期匹配的版本即可，通常选择「使用工作区版本」即可，前提是工作区安装了 4.0 以上的 TS 版本。
• 如果不需要全局开启配置，也可以在单个对象的方法参数第一位显式声明 this 类型，示例如下：

const demoObj = {
  content: "测试内容",
  getContent(this: typeof demoObj) {
    return this.content
  }
}

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