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

eslint warning Function declared in a loop contains unsafe references to variable(s) no-loop-func in forEach loop(在循环中声明的eslint警告函数包含对forEach循环中的变量no-loop-func的不安全引用)

问题描述

在我的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)

这篇关于在循环中声明的eslint警告函数包含对forEach循环中的变量no-loop-func的不安全引用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！