TypeScript中传递类函数为回调时的this绑定问题及Express控制器示例

这问题我之前写Express控制器的时候也踩过坑，核心就是要让类方法里的this始终指向控制器实例，而不是Express路由调用时的上下文。下面给你几种实用的解决办法，包括你当前正在用的方案：

1. 箭头函数包裹（你当前的写法） #

你现在的代码其实已经解决了问题！箭头函数不会创建自己的this，它会继承外层register方法里的this（也就是BooksController的实例），所以getBooks里的this.booksService能正确访问到。

register(router: express.Router) {
  router.get('/', (req, rsp, next) => this.getBooks(req, rsp, next));
}

这种写法的优点是直观易懂，不需要额外配置，唯一的小缺点是每次调用register都会生成一个新的箭头函数，但在Express路由注册这种只执行一次的场景下，完全不用担心性能问题。

2. 构造函数中手动绑定this #

如果想避免重复创建函数，可以在构造函数里用bind把getBooks的this固定到实例上，之后直接传递方法引用就行：

export class BooksController {
  constructor (private booksService: BooksService) {
    // 在构造函数中绑定this，只执行一次
    this.getBooks = this.getBooks.bind(this);
  }
  register(router: express.Router) {
    router.get('/', this.getBooks); // 直接传方法引用
  }
  private getBooks(req: express.Request, rsp: express.Response, next: express.NextFunction) {
    rsp.json(this.booksService.getAllBooks());
  }
}

这里要注意，TypeScript的private是编译时的访问限制，运行时还是普通的函数属性，所以绑定后作为路由回调完全没问题。这种方法适合需要多次复用同一个方法引用的场景。

3. 类字段箭头函数（简洁写法） #

如果你用的TypeScript版本支持类字段语法（一般默认都支持），可以直接把getBooks定义成类字段的箭头函数，这样它的this会自动绑定到实例：

export class BooksController {
  constructor (private booksService: BooksService) { }
  register(router: express.Router) {
    router.get('/', this.getBooks);
  }
  // 类字段箭头函数，自动绑定this
  private getBooks = (req: express.Request, rsp: express.Response, next: express.NextFunction) => {
    rsp.json(this.booksService.getAllBooks());
  }
}

这种写法最简洁，不需要手动处理绑定，不过要注意：类字段是实例属性，不是原型方法，但在控制器这种单实例使用的场景下，这点区别几乎可以忽略。

总结 #

这三种方法都能完美解决你的问题，选哪种取决于你的个人习惯和项目配置。你当前的箭头函数包裹写法已经是有效的，完全可以继续使用；如果追求更简洁的代码，类字段箭头函数是不错的选择；如果需要复用方法引用，构造函数绑定会更高效。

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