外部范围的 Javascript 函数答案

【问题标题】：Javascript function from outher scope外部范围的 Javascript 函数
【发布时间】：2020-04-03 22:04:33
【问题描述】：

大家好，我是 JavaScript 新手，我有一个问题。我有 validator.js 文件，我在其中验证电子邮件、密码和请求。就在这里

/**
 * Simple regex validator for email
 * @param email The email
 * @returns {boolean} Whether the email matches the regex
 */
function email(email) {
    const regExp = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return regExp.test(email);

}

/**
 * Simple regex validator for password
 * @param password The password
 * @returns {boolean} Whether the password matches the regex
 */
function password(password) {
    const regExp = /^(?=.*\d).{7,15}$/;
    return regExp.test(password);
}

const request = {
    email: {
        message: '',
        validate: function (req) {
            const email = req.body.email;
            if(!email){
                email.message = 'Email is required';
                return false;
            }
            if(!validator(email(email))){
                email.message = 'Email is not valid';
                return false;
            }
            return true;
        }
    }
};

module.exports = {
    email,
    password,
    request
};

我想在电子邮件的验证功能中使用电子邮件（电子邮件）功能，但我有可变阴影，我该如何实现？

【问题讨论】：

没有两个同名的东西？例如。将电子邮件重命名为 validateEmail？
不要使用会影响函数名称的变量名称。改变一个或另一个。

标签： javascript variables scope shadow

【解决方案1】：

您不能直接访问阴影变量。除非您对该值有其他处理方式。

最好的解决办法就是不要遮掩。

或者，更改您的电子邮件地址变量的名称：

const emailAddress = req.body.email;

或更改您的电子邮件验证功能的名称：

function validateEmail(email) {

或者更好的是，为了清晰起见，两者都做。

这就是我所说的“其他句柄”的意思。

function email(email) { /* ... */ }
function password(password) { /* ... */ }

const validators = { email, password }

function doStuff() {
  const email = req.body.email;
  validators.email(email)
}

在本例中，我们隐藏了局部变量 email，但我们将 email 函数分配给了另一个对象，我们仍然可以访问该对象。

有很多方法可以做到这一点，具体取决于您构建代码库的方式。

但是，一般来说，阴影是不好的，你应该尽量避免它。

【讨论】：

感谢您的回答，我想到了这个选项，但如果有办法这样做，我也很感兴趣。现在我知道没有。谢谢。
用一个例子来更新我的答案，说明你如何通过设置另一种方式来获得你想要的东西。
我也认为有更好的方法来验证请求的主体，创建一个像 validate(propertyName,validatorFunc) 这样的通用函数，它会做我在 validate 函数中写的东西。但这不关心问题。）

【解决方案2】：

我还建议了一个这样的解决方案，我认为这更好，因为它概括了请求的正文验证。

const request = {
    body: function(propertyName,func){
        this.message = '';
        this.validate = function(req){
            const propertyValue = req.body[propertyName];
            if(!propertyValue){
                this.message = `${propertyName} is required`
                return false;
            }
            if(!func(propertyValue)){
                this.message = `${propertyName} is not valid`
                return false;
            }
            return true;
        }
    },
};

【讨论】：