在循环中声明的eslint警告函数包含对forEach循环中的变量no-loop-func的不安全引用

2022-03-30 00:00:00 reactjs javascript eslint

在我的Reaction项目中,我有一个简单的.js文件,其中包含以下代码

let oldInfo

function getChanges() {
    const newInfo = {};
    let keys = ["name", "age", "sex"];

    oldInfo = "one";
    for (const key in newInfo) {
        keys.forEach(subkey => {
            if (oldInfo[subkey] === newInfo[key])
                console.log(subkey);
        });
    }
}

getChanges();

它给出了no-loop-func警告,虽然我研究了很多,但找不到风险。

Line 9:22:  Function declared in a loop contains unsafe references to variable(s) 'oldInfo'  no-loop-func

风险是什么?我如何修复此问题?

Here 是Eslint演示编辑器上的警告


解决方案

引发此错误是为了突出显示一段可能无法工作的代码 正如你所期望的,也可能表明你误解了 该语言适用&qot;

发件人https://eslint.org/docs/rules/no-loop-func

另请阅读https://www.albertgao.xyz/2016/08/25/why-not-making-functions-within-a-loop-in-javascript/

在此特定情况下,您可以通过在getChanges方法外部定义forEach回调函数(例如,名称为logIteration)来修复它,并如下所示修改forEach回调

 keys.forEach(logIteration)

相关文章