如何在JS/TS中检测回调导致的this上下文丢失并触发告警？

一、通过tsc或ESLint触发this丢失告警 #

1. TypeScript编译器（tsc）配置 #

• 开启noImplicitThis规则：在tsconfig.json中添加"noImplicitThis": true，当方法内部使用this但上下文不明确时，编译器会直接抛出错误。比如将依赖this的对象方法作为裸回调传递（如run(obj.myfunc)），tsc会检测到this指向异常并告警。
• 推荐开启strict模式："strict": true会自动包含noImplicitThis，同时启用其他严格类型检查，进一步提升上下文检测的准确性。

2. ESLint配置 #

使用@typescript-eslint/unbound-method规则，专门检测未绑定上下文的方法传递：

1. 确保已安装@typescript-eslint/eslint-plugin和@typescript-eslint/parser依赖；
2. 在ESLint配置文件中启用规则：

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "rules": {
    "@typescript-eslint/unbound-method": "error"
  }
}

该规则会在你直接传递对象/类方法作为回调时触发告警，提示你绑定this（比如用obj.myfunc.bind(obj)或箭头函数包裹）。

二、仅在this丢失影响执行时告警 #

不管是tsc还是ESLint，都默认支持智能判断，只在方法实际依赖this时触发告警：

TypeScript侧 #

如果方法内部没有使用this，即使传递裸方法，noImplicitThis也不会报错——因为this的丢失不会影响方法执行逻辑。只有当方法里用到this（比如访问对象成员变量）时，才会触发检测。

ESLint侧 #

@typescript-eslint/unbound-method规则默认忽略不使用this的方法。例如：

// 不会触发告警：方法未使用this
const obj = {
  myfunc() {
    console.log("无依赖的方法");
  }
};
run(obj.myfunc);

// 会触发告警：方法依赖this，丢失会导致执行错误
const obj = {
  name: "测试",
  myfunc() {
    console.log(this.name);
  }
};
run(obj.myfunc);

如果需要更精细控制，可添加规则配置，比如忽略静态方法检测：

{
  "rules": {
    "@typescript-eslint/unbound-method": ["error", { "ignoreStatic": true }]
  }
}

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