变量被分配了一个值但从未使用过，除非它实际被使用

Question

我正在使用 Vue.js，它抱怨一个变量被声明但从未使用过。唯一的问题是它实际上是在我声明它的下方使用的，除了它在使用它的 forEach 循环内。本质上，我正在尝试使用嵌套的 forEach 循环并返回两个不同的计数，以便我可以在前端显示它。

无效的方法

formatData() {
 this.trucks.forEach(truck => {
   truck.barCount = truck.bar.length
   let fooCounter = 0
   truck.tenantCount = truck.bar.forEach(unit => {
     fooCounter += bar.foo.length
   })
 });
}

错误信息：

error  'fooCounter' is assigned a value but never used  no-unused-vars

Answer 1

你是说fooCounter += bar.foo.length是一个用途吗？这不是一个用途，它不影响任何东西。如果您删除该行，您的应用程序的行为将如何受到影响？除非 fooCounter 的值实际用于其他地方，否则删除 fooCounter 根本不会影响您的应用程序的行为。

Essentially I am trying to use nested forEach loops and have two different counts come back so I can display it on my front end.

一旦您开始在某处显示 fooCounter，这将被视为一次使用，并且该错误消息将消失。

变量被分配了一个值但从未使用过，除非它实际被使用

variable is assigned a value but never used except it actually is used

javascript

eslint

vue.js