函数返回值从数组改对象后，如何让ESLint/TSC提示下标访问错误？

之前a()函数返回数组，重构后改为返回单个对象，但b()中仍保留this.a()[0]的写法。目前代码可正常编译，仅在运行时才会报错。我清楚这属于合法的JS/TS代码（访问对象的数字键），但希望通过ESLint或TypeScript编译器在编译阶段给出警告/错误，却找不到对应的规则配置，请问如何实现？

简化代码片段 #

public a() {
    return {a: 0};
}

public b() {
    return this.a()[0];
}

当前tsconfig配置 #

{
  "compilerOptions": {
    "skipLibCheck": true,
    "strict": true,
    "strictNullChecks": false,
    "typeRoots": ["./node_modules/@types", "./Script/typings"],
    "experimentalDecorators": true,
    "useDefineForClassFields": false,
    "esModuleInterop": true,
    "noImplicitAny": false,
    "module": "ES2020",
    "target": "ES2020",
    "lib": [
      "ES2021",
      "ES6",
      "DOM",
      "DOM.Iterable"
    ],
    "allowJs": false,
    "sourceMap": true,
    "moduleResolution": "node",
    "paths": {
      "/": [
        "./"
      ],
      "/*": [
        "./*"
      ]
    },
    "outDir": "build"
  }
}

解决方案 #

1. 调整TypeScript配置

你的noImplicitAny设为false是核心问题：当访问对象上未声明的数字键时，TypeScript会将该值推断为any，而noImplicitAny: false会允许这种情况，不会触发报错。

将noImplicitAny改为true（结合strict: true的配置，或单独开启该规则），TypeScript就会对访问对象上不存在的属性（包括数字索引）抛出错误。

修改后的关键配置：

"noImplicitAny": true,
"strict": true

2. 启用ESLint辅助规则

配合ESLint的@typescript-eslint/no-unsafe-member-access规则，可进一步检查对未知类型或any类型的成员访问，捕获这类潜在问题。在ESLint配置中添加：

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

3. 显式声明函数返回类型（最可靠）

给a()函数明确指定返回类型，让TypeScript能精准检查后续的属性访问：

public a(): {a: number} {
    return {a: 0};
}

public b() {
    return this.a()[0]; // 此处直接触发TS错误：类型"{ a: number; }"上不存在属性"0"
}

这种方式无需依赖额外配置，从类型定义层面直接杜绝此类问题。

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