Node.js中间件中箭头函数的this指向问题及转换方法

嘿，我刚好踩过类似的坑，咱们一步步来拆解你遇到的问题～

首先，先明确你遇到的错误根源：箭头函数的this绑定规则和普通函数完全不同，这也是为什么你把express.response上的普通方法改成箭头函数后，会出现TypeError: Cannot read property 'session' of undefined的原因。

先看原代码的逻辑（普通函数版本） #

假设你的原代码大概是这样的：

// 为express.response添加message方法
express.response.message = function(msg) {
  // 这里的this指向调用该方法的ServerResponse实例（也就是res对象）
  this.session.messages.push(msg);
  return this; // 支持链式调用
};

当你在路由里调用res.message('Hello')时，这个普通函数的this会自动绑定到调用它的res实例上，所以this.session能正常访问到会话对象。

为什么改成箭头函数就炸了？ #

如果改成箭头函数：

express.response.message = (msg) => {
  // 这里的this NOT 指向res！！
  this.session.messages.push(msg);
  return this;
};

箭头函数没有自己独立的this，它的this是在定义时就固定下来的，继承自它所在的词法作用域的this。在Node.js的模块环境中，顶层作用域的this指向的是module.exports，而不是调用时的res实例。所以当你调用res.message()时，箭头函数里的this还是module.exports，自然找不到session属性，就报错了。

为什么直接用res.req也报错？ #

你提到直接用res.req也报错，这是因为箭头函数的参数只有msg，你在箭头函数内部并没有定义res变量，也没有通过其他方式获取到res实例。而普通函数里的this就是res，所以this.req是有效的，但箭头函数里没有这个绑定，直接写res会报res is not defined。

解决方案：别用箭头函数（或者说，这个场景不适合箭头函数） #

箭头函数的设计初衷是用来简化那些不需要动态绑定this的场景（比如回调函数、闭包），而像这种需要作为对象方法、依赖调用时动态绑定this的场景，普通函数才是正确的选择。

硬要强行用箭头函数的话，没有优雅的实现方式——因为你无法改变箭头函数的this绑定规则。如果非得折腾，可能需要通过闭包传递res，但这完全是画蛇添足，不如直接用普通函数省心。

再总结下this指向的核心原理 #

• 普通函数作为对象方法调用：this指向调用该方法的对象（比如这里的res实例）。
• 箭头函数：this是定义时所在词法作用域的this，一旦定义就固定，不会随调用方式改变。

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