在循环中声明的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的不安全引用)

本文介绍了在循环中声明的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的不安全引用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！