es6类变量无法读取（无法读取属性'...'的未定义）

Question

因此，我只是第一次尝试es6并希望使用新的类，但我遇到了一个奇怪的问题。所有类都可以正常工作，并且可以很好地写入/读取它们的类变量但是一个班级的表现并不好。

我目前收到此错误：

TypeError: Cannot read property 'product' of undefined at getProducts (***/controllers/ProductController.js:41:13)

我正在写使用的平均堆栈学校分配的REST API。

总之什么目前发生

index.js

// dependencies 
const Api = require('./routes/api') 

class Rest 
{ 
    constructor() 
    { 
     this.api = new Api() 
     this.init() 
    } 

    init() 
    { 
     ... // express server configuration 

     // routes 
     this.routes() 
    } 

    // set routes 
    routes() 
    { 
     app.use('/api', this.api.getRouter()) 
    } 
} 

new Rest() 

/routes/api.js

// dependencies 
const express = require('express') 
const Products = require('./api/products') 

class Api 
{ 
    constructor() 
    { 
     this.router = express.Router() 
     this.products = new Products() 
     this.routes() 
    } 

    getRouter() { return this.router } 

    routes() 
    { 
     // product routes 
     this.router.use('/products', this.products.getRouter()) 
    } 
} 


// return routes 
module.exports = Api 

路线/ API/products.js

// dependencies 
const express = require('express') 
const productController = require('../../controllers/ProductController') 

class Product 
{ 
    constructor() 
    { 
     this.router = express.Router() 
     this.controller = new productController() 
     this.routes() 
    } 

    getRouter() { return this.router } 

    // set header options 
    setCollectionOptions(req, res, next) 
    { 
     res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS') 
     next() 
    } 

    // set routes 
    routes() 
    { 
     this.router.route('/') 
      .options([this.setCollectionOptions, this.controller.getOptions]) 
      .get([this.setCollectionOptions, this.controller.getProducts]) 
    } 
} 

// return routes 
module.exports = Product 

模型/ Product.js

// dependencies 
const mongoose = require('mongoose') 
const mongoosePaginate = require('mongoose-paginate') 

// create schema for model 
const productSchema = new mongoose.Schema({ 
    name: String, 
    sku: String, 
    price: String, 
    created_at: { type: String, default: Date.now }, 
    updated_at: { type: String, default: Date.now } 
}) 
productSchema.plugin(mongoosePaginate) 

// export model 
module.exports = mongoose.model('Products', productSchema) 

控制器/ ProductController.js

// dependencies 
const express = require('express') 

class ProductController 
{ 
    constructor() 
    { 
     this.product = require('../models/product') 
    } 


    getProducts(req, res, next) 
    { 
     this.product.find() // error occurs here! 
     ... // rest of the code 
    } 
} 

在this.product.find()

当我console.log(this.product)将出现错误，之后立即我设置它，它只是返回罚款。但是，当我通过GET请求页面http://localhost:port/api/products时，我收到此错误。

另外，当我尝试使用ProductController中的方法时，它会导致相同的错误。例如：

class ProductController 
{ 
    constructor() 
    { 
     this.product = require('../models/product') 
    } 

    init() 
    { 
     console.log('hi!') 
    } 

    getProducts(req, res, next) 
    { 
     this.init() 

     ... // rest of code 
    } 
} 

在此先感谢。

Answer 1

在routes/api/products.js中，您只是传入方法，这意味着当它们被调用时它们将不会有this集合。你需要约束他们，例如：

.get([this.setCollectionOptions.bind(this), this.controller.getProducts.bind(this.controller)]) 

或使用箭头的功能，尽管这需要照顾的参数个数：

.get([(req, res, next) => this.setCollectionOptions(req, res, next), (req, res, next) => this.controller.getProducts(req, res, next)]) 

不要忘记为传递给方法做到这一点。选项也是如此。