编程语言
首页 > 编程语言> > javascript-JSHint警告“在循环中声明的引用外部作用域变量的函数可能会导致语义混乱”.如何改善代码?

javascript-JSHint警告“在循环中声明的引用外部作用域变量的函数可能会导致语义混乱”.如何改善代码?

作者:互联网

JSHint显示错误:
“在循环内声明的引用外部作用域变量的函数可能会导致语义混乱”.
如何改善以下代码以消除警告?

var getPrecedence  = function getPrecedence(operator, operators) {
    var keys = Object.keys(Object(operators));
    for (var i = 0, len = keys.length; i < len; i++) {
        var check = Object.keys(operators[keys[i]]).some(function (item) {
            return item === operator;
    });
    if (check) return operators[keys[i]][operator];
    }
};

解决方法:

您不应在循环体内使用函数表达式,而应在外部进行声明:

function getPrecedence(operator, operators) {
    function isOperator(item) {
//  ^^^^^^^^^^^^^^^^^^^^^^^^^^^
        return item === operator;
    }
    var keys = Object.keys(Object(operators));
    for (var i = 0, len = keys.length; i < len; i++) {
        var check = Object.keys(operators[keys[i]]).some(isOperator);
//                                                       ^^^^^^^^^^
        if (check) return operators[keys[i]][operator];
    }
}

当然,只需使用includes而不是某些值,以及使用find而不是循环,就可以简化整个过程:

function getPrecedence(operator, operators) {
    var keys = Object.keys(Object(operators));
    var opkey = keys.find(key =>
        Object.keys(operators[key]).includes(operator)
    );
    if (opkey) return operators[opkey][operator];
}

最后,Object.keys(…).includes(…)可以简化为运算符in运算符[key].

标签:loops,closures,jshint,javascript
来源: https://codeday.me/bug/20191025/1928396.html