Eslint抱怨'new'或者未使用的变量,正确的方法是什么?

eslint complaining about 'new' or unused var, what's the proper way?

本文关键字:方法 是什么 未使用 抱怨 new 或者 Eslint 变量      更新时间:2023-09-26

我使用webpack与Vue和Highcharts。我的vue文件看起来像这样:

<script>
  import Highcharts from 'highcharts'
  export default{
    ready () {
      var chart = new Highcharts.Chart({
        ...(options)...
      })
    }
  }
</script>

当这样定义时,我的linter是'chart' is defined but never used,但如果我把它拿出来,只使用new Highcharts.Chart({...}),我就会得到Do not use 'new' for side effects。真正正确的做法是什么?抱歉,如果这是一个明显的问题,也许我的措辞很奇怪,但没有任何运气谷歌这个。我知道/*eslint-disable no-unused-vars*/,但似乎应该有一个更适当的方式来做到这一点。谢谢!

一种可能的解决方案是使用void运算符对新表达式求值,而不增加任何副作用。

void new Highcharts.Chart({
    ...(options)...
});

这将修复ESLint验证,只要不使用no-void规则。