在 ESLint 中捕获所有声明的变量

Question

故事：

目前，我正在开发一个特定的 ESLint 规则 (link) 来捕获所有存在 shadows 变量的地方-in Protractor 全局变量，如 browser 或 element。

目前规则如下所示：

module.exports = function (context) {
  var protractorGlobals = [
    'browser',
    'protractor',
    'element',
    'by',
    '$',
    '$$'
  ]

  function checkVariables (node) {
    var variables = context.getDeclaredVariables(node)
    for (var i = 0; i < variables.length; ++i) {
      if (protractorGlobals.indexOf(variables[i].name) !== -1) {
        context.report(node, 'Unexpected Protractor built-in global variable shadowing')
      }
    }
  }

  return {
    'VariableDeclaration': checkVariables,
    'FunctionDeclaration': checkVariables,
    'FunctionExpression': checkVariables,
    'CatchClause': checkVariables
  }
}

如您所见，我正在查找涵盖以下情况的所有变量和函数声明、函数表达式、catch 子句和 switch 语句：

var browser = "something";
function test (browser) {};
var browser;
function browser () {};
var browser = 1;
for (var browser = 0; by < 10; ++by) {}
try { json = JSON.parse(input) } catch (browser) {}

问题：

我是否涵盖了当前作用域中引入新变量的所有地方？是否有更通用的方法在代码中的任何位置获取声明的变量，而无需猜测并显式定义查找它们的位置？

Answer 1

如果您支持 ES6，那么您缺少 import 声明。但是，有一种更简单的方法可以做到这一点。 ESLint 在底层使用名为 Escope 的包来跟踪变量声明和使用。您可以查看 no-redeclare rule on how to access it, and refer to Escope 文档以获取有关 API 的信息。 Escope 应该允许您检查当前范围内的所有变量，并查看您是否正在重新声明已经存在的变量。

在 ESLint 中捕获所有声明的变量

Catching all declared variables in ESLint

javascript

node.js

static-code-analysis

protractor

eslint