javascript - eslint 提示 'new' 或未使用的 var，正确的方法是什么？

Question

我将 webpack 与 Vue 和 Highcharts 结合使用。我的 vue 文件如下所示:

<script>
  import Highcharts from 'highcharts'

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

当以这种方式定义时，我的 linter 会说 'chart' 已定义但从未使用过，但是如果我将其取出并仅使用 new Highcharts.Chart({...}) 我得到的是 Do not use 'new' for side effects。真正正确的方法是什么？抱歉，如果这是一个明显的问题，也许我的措辞很奇怪，但谷歌搜索没有任何运气。我知道 /*eslint-disable no-unused-vars*/ 但似乎应该有更合适的方法来做到这一点。谢谢!

Answer 1

一种可能的解决方案是使用 void 运算符来评估新表达式而不添加任何副作用。

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

这将修复 ESLint 验证，只要 no-void规则也未在使用中。