在中间件中调用对象函数

Question

我的中间件中有此代码：

const UserMiddleware = {

  isNumber(n) { return !Number.isNaN(parseFloat(n)) && !Number.isNaN(n - 0); },

  // eslint-disable-next-line consistent-return

  validateSignUp(req, res, next) {

    const allSignUpErrors = [];

    console.log(this.isNumber(5));

    if (this.isNumber(req.body.first_name)) {

      allSignUpErrors.push('First name must be a text value');

    }

    if (allSignUpErrors.length !== 0) {

      return res.status(400).json({

        status: 400,

        error: allSignUpErrors,

      });

    }

    next();

  },

我通常使用“这个”。可以毫无问题地调用对象中的函数和变量。我怀疑中间件中的“next()”函数是导致我在使用“this”时出现以下错误的原因。调用一个函数。

类型错误：无法读取未定义的属性“isNumber”

我曾尝试使用“绑定”来调用该函数，但仍然会出现“未定义”错误。

'next()' 函数是否破坏了正常功能？有没有办法正确使用“这个”。在中间件中调用函数？

Answer 1

改变：this.isNumber(...)到：UserMiddleware.isNumber(...)除非您在将其作为中间件传递时专门使用或某些类似技术，否则this中间件函数内部的值不会是您的UserMiddleware对象.bind()。如需更多选项的帮助，请向我们展示您使用的代码validateSignUp()。例如，如果您正在执行以下操作：app.use(UserMiddleware.validateSignUp);然后，您可以this使用.bind()如下方式设置所需的值：app.use(UserMiddleware.validateSignUp.bind(userMiddleware));传递UserMiddleware.validateSignUp给函数会立即失去与UserMiddleware对象的关联，并且该this函数被调用时的值将取决于调用者如何调用该函数而不是该UserMiddleware对象。使用.bind(UserMiddleware)强制设置所需的this值。 .bind()实际上创建了一个包装函数，它的唯一工作是重新附加所需的this值，而该包装函数是作为中间件处理程序传递的。中间件基础结构使用错误的this值调用包装函数，然后包装validateSignUp函数使用所需的值调用您的函数this- 可能使用.apply().为了看看如何.bind()工作，你可以看到一个填充工具为它在这里的MDN。有关如何this设置的值的更多讨论，请参阅设置 的六种方式this。