javascript - es6类变量无法读取(无法读取未定义的属性 '...')

Question

所以我第一次接触 es6 并想使用新的类，但我遇到了一个奇怪的问题。所有类都可以正常工作，并且可以很好地写入/读取它们的类变量。但有一个类(class)表现不佳。

我目前遇到这个错误:

类型错误:无法读取未定义的属性“产品”
在 getProducts (***/controllers/ProductController.js:41:13)

我正在使用 MEAN Stack 为学校作业编写 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

routes/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

models/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)

controllers/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) 时，在我设置它之后，它立即返回正常。但是当我在 http://localhost:port/api/products 请求带有 GET 的页面时，我收到此错误。

此外，当我尝试使用 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。您需要绑定(bind)它们，例如:

.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)])

不要忘记对传递给 .options 的方法执行此操作。