无法在 Node.js 的 ES6 中定义的类中调用方法 [重复]答案

【问题标题】：Cannot call a method within a class it defined it in ES6 in Node.js [duplicate]无法在 Node.js 的 ES6 中定义的类中调用方法 [重复]
【发布时间】：2016-09-21 16:24:31
【问题描述】：

我正在使用 Node.js、Express.js 和 MongoDB 制作应用程序。我正在使用 MVC 模式，并且还有单独的路由文件。我正在尝试创建一个 Controller 类，其中一个方法调用其中声明的另一个方法。但我似乎无法做到这一点。我得到“无法读取未定义的属性”。

index.js 文件

let express = require('express');
let app = express();

let productController = require('../controllers/ProductController');

app.post('/product', productController.create);

http.createServer(app).listen('3000');

ProductController.js 文件

class ProductController {
  constructor(){}

  create(){
   console.log('Checking if the following logs:');
   this.callme();
  }

 callme(){
  console.log('yes');
 }
}
module.exports = new ProductController();

当我运行它时，我收到以下错误消息：

Cannot read property 'callme' of undefined

我自己运行了这段代码，几乎没有如下修改，它可以工作。

class ProductController {
  constructor(){}
  create(){
    console.log('Checking if the following logs:');
    this.callme();
  }

  callme(){
    console.log('yes');
  }
}
let product = new ProductController();
product.create();

为什么一个有效而另一个无效？帮助！

【问题讨论】：

你应该never export a class instance。要么导出类本身，要么只使用一个对象。
您应该使用属性初始化语法（callme = () => {...} 而不是像这样的callme() {...}）在类中定义方法。 github.com/facebook/flow/issues/5874#issuecomment-369922816

标签： javascript node.js express ecmascript-6 es6-class

【解决方案1】：

你的方法是being rebound to the Layer class within express，失去了原来的上下文。 express 处理路由的方式是将每个路由包装在 Layer 类中，该类将路由回调分配给自身：

this.handle = fn;

这就是你的问题出现的地方，这个赋值会自动将函数上下文重新绑定到Layer。这是一个演示问题的简单示例：

function Example() { 
   this.message = "I have my own scope"; 
} 
Example.prototype.logThis = function() { 
   console.log(this); 
}

function ReassignedScope(logThisFn) { 
   this.message = "This is my scope now";
   // simulation of what is happening within Express's Layer
   this.logThis = logThisFn; 
}

let example = new Example()
let scopeProblem = new ReassignedScope(example.logThis);

scopeProblem.logThis(); // This is my scope now

其他人已经指出了解决方案，就是将你的方法显式绑定到ProductController实例：

app.post('/product', productController.create.bind(productController));

【讨论】：

【解决方案2】：

当您将create 方法作为方法传递时，它可能会按照您的预期在不同的上下文（this）中调用。你可以绑定它：

app.post('/product', productController.create.bind(productController));

还有许多其他方法可以确保this 引用正确的对象。

例如用函数（箭头或经典）包装它：

app.post('/product', (...args) => productController.create(...args));

或者在构造函数中绑定方法：

constructor() {
    this.create = this.create.bind(this);
}

【讨论】：