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

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

基础教程推荐