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({...}) 相反，我得到了不要使用“new”来产生副作用。真正正确的方法是什么？抱歉，如果这是一个显而易见的问题，也许我的措辞很奇怪，但没有运气用谷歌搜索这个问题。我知道 /*eslint-disable no-unused-vars*/ 但似乎应该有一个更合适的方法来做到这一点。谢谢!

Answer 1

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

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

这将修复 ESLint 验证，只要no-void规则也没有使用。