You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
334 lines
12 KiB
334 lines
12 KiB
/** |
|
* @fileoverview Rule to check for the usage of var. |
|
* @author Jamund Ferguson |
|
*/ |
|
|
|
"use strict"; |
|
|
|
//------------------------------------------------------------------------------ |
|
// Requirements |
|
//------------------------------------------------------------------------------ |
|
|
|
const astUtils = require("./utils/ast-utils"); |
|
|
|
//------------------------------------------------------------------------------ |
|
// Helpers |
|
//------------------------------------------------------------------------------ |
|
|
|
/** |
|
* Check whether a given variable is a global variable or not. |
|
* @param {eslint-scope.Variable} variable The variable to check. |
|
* @returns {boolean} `true` if the variable is a global variable. |
|
*/ |
|
function isGlobal(variable) { |
|
return Boolean(variable.scope) && variable.scope.type === "global"; |
|
} |
|
|
|
/** |
|
* Finds the nearest function scope or global scope walking up the scope |
|
* hierarchy. |
|
* @param {eslint-scope.Scope} scope The scope to traverse. |
|
* @returns {eslint-scope.Scope} a function scope or global scope containing the given |
|
* scope. |
|
*/ |
|
function getEnclosingFunctionScope(scope) { |
|
let currentScope = scope; |
|
|
|
while (currentScope.type !== "function" && currentScope.type !== "global") { |
|
currentScope = currentScope.upper; |
|
} |
|
return currentScope; |
|
} |
|
|
|
/** |
|
* Checks whether the given variable has any references from a more specific |
|
* function expression (i.e. a closure). |
|
* @param {eslint-scope.Variable} variable A variable to check. |
|
* @returns {boolean} `true` if the variable is used from a closure. |
|
*/ |
|
function isReferencedInClosure(variable) { |
|
const enclosingFunctionScope = getEnclosingFunctionScope(variable.scope); |
|
|
|
return variable.references.some(reference => |
|
getEnclosingFunctionScope(reference.from) !== enclosingFunctionScope); |
|
} |
|
|
|
/** |
|
* Checks whether the given node is the assignee of a loop. |
|
* @param {ASTNode} node A VariableDeclaration node to check. |
|
* @returns {boolean} `true` if the declaration is assigned as part of loop |
|
* iteration. |
|
*/ |
|
function isLoopAssignee(node) { |
|
return (node.parent.type === "ForOfStatement" || node.parent.type === "ForInStatement") && |
|
node === node.parent.left; |
|
} |
|
|
|
/** |
|
* Checks whether the given variable declaration is immediately initialized. |
|
* @param {ASTNode} node A VariableDeclaration node to check. |
|
* @returns {boolean} `true` if the declaration has an initializer. |
|
*/ |
|
function isDeclarationInitialized(node) { |
|
return node.declarations.every(declarator => declarator.init !== null); |
|
} |
|
|
|
const SCOPE_NODE_TYPE = /^(?:Program|BlockStatement|SwitchStatement|ForStatement|ForInStatement|ForOfStatement)$/u; |
|
|
|
/** |
|
* Gets the scope node which directly contains a given node. |
|
* @param {ASTNode} node A node to get. This is a `VariableDeclaration` or |
|
* an `Identifier`. |
|
* @returns {ASTNode} A scope node. This is one of `Program`, `BlockStatement`, |
|
* `SwitchStatement`, `ForStatement`, `ForInStatement`, and |
|
* `ForOfStatement`. |
|
*/ |
|
function getScopeNode(node) { |
|
for (let currentNode = node; currentNode; currentNode = currentNode.parent) { |
|
if (SCOPE_NODE_TYPE.test(currentNode.type)) { |
|
return currentNode; |
|
} |
|
} |
|
|
|
/* istanbul ignore next : unreachable */ |
|
return null; |
|
} |
|
|
|
/** |
|
* Checks whether a given variable is redeclared or not. |
|
* @param {eslint-scope.Variable} variable A variable to check. |
|
* @returns {boolean} `true` if the variable is redeclared. |
|
*/ |
|
function isRedeclared(variable) { |
|
return variable.defs.length >= 2; |
|
} |
|
|
|
/** |
|
* Checks whether a given variable is used from outside of the specified scope. |
|
* @param {ASTNode} scopeNode A scope node to check. |
|
* @returns {Function} The predicate function which checks whether a given |
|
* variable is used from outside of the specified scope. |
|
*/ |
|
function isUsedFromOutsideOf(scopeNode) { |
|
|
|
/** |
|
* Checks whether a given reference is inside of the specified scope or not. |
|
* @param {eslint-scope.Reference} reference A reference to check. |
|
* @returns {boolean} `true` if the reference is inside of the specified |
|
* scope. |
|
*/ |
|
function isOutsideOfScope(reference) { |
|
const scope = scopeNode.range; |
|
const id = reference.identifier.range; |
|
|
|
return id[0] < scope[0] || id[1] > scope[1]; |
|
} |
|
|
|
return function(variable) { |
|
return variable.references.some(isOutsideOfScope); |
|
}; |
|
} |
|
|
|
/** |
|
* Creates the predicate function which checks whether a variable has their references in TDZ. |
|
* |
|
* The predicate function would return `true`: |
|
* |
|
* - if a reference is before the declarator. E.g. (var a = b, b = 1;)(var {a = b, b} = {};) |
|
* - if a reference is in the expression of their default value. E.g. (var {a = a} = {};) |
|
* - if a reference is in the expression of their initializer. E.g. (var a = a;) |
|
* @param {ASTNode} node The initializer node of VariableDeclarator. |
|
* @returns {Function} The predicate function. |
|
* @private |
|
*/ |
|
function hasReferenceInTDZ(node) { |
|
const initStart = node.range[0]; |
|
const initEnd = node.range[1]; |
|
|
|
return variable => { |
|
const id = variable.defs[0].name; |
|
const idStart = id.range[0]; |
|
const defaultValue = (id.parent.type === "AssignmentPattern" ? id.parent.right : null); |
|
const defaultStart = defaultValue && defaultValue.range[0]; |
|
const defaultEnd = defaultValue && defaultValue.range[1]; |
|
|
|
return variable.references.some(reference => { |
|
const start = reference.identifier.range[0]; |
|
const end = reference.identifier.range[1]; |
|
|
|
return !reference.init && ( |
|
start < idStart || |
|
(defaultValue !== null && start >= defaultStart && end <= defaultEnd) || |
|
(start >= initStart && end <= initEnd) |
|
); |
|
}); |
|
}; |
|
} |
|
|
|
/** |
|
* Checks whether a given variable has name that is allowed for 'var' declarations, |
|
* but disallowed for `let` declarations. |
|
* @param {eslint-scope.Variable} variable The variable to check. |
|
* @returns {boolean} `true` if the variable has a disallowed name. |
|
*/ |
|
function hasNameDisallowedForLetDeclarations(variable) { |
|
return variable.name === "let"; |
|
} |
|
|
|
//------------------------------------------------------------------------------ |
|
// Rule Definition |
|
//------------------------------------------------------------------------------ |
|
|
|
module.exports = { |
|
meta: { |
|
type: "suggestion", |
|
|
|
docs: { |
|
description: "require `let` or `const` instead of `var`", |
|
category: "ECMAScript 6", |
|
recommended: false, |
|
url: "https://eslint.org/docs/rules/no-var" |
|
}, |
|
|
|
schema: [], |
|
fixable: "code", |
|
|
|
messages: { |
|
unexpectedVar: "Unexpected var, use let or const instead." |
|
} |
|
}, |
|
|
|
create(context) { |
|
const sourceCode = context.getSourceCode(); |
|
|
|
/** |
|
* Checks whether the variables which are defined by the given declarator node have their references in TDZ. |
|
* @param {ASTNode} declarator The VariableDeclarator node to check. |
|
* @returns {boolean} `true` if one of the variables which are defined by the given declarator node have their references in TDZ. |
|
*/ |
|
function hasSelfReferenceInTDZ(declarator) { |
|
if (!declarator.init) { |
|
return false; |
|
} |
|
const variables = context.getDeclaredVariables(declarator); |
|
|
|
return variables.some(hasReferenceInTDZ(declarator.init)); |
|
} |
|
|
|
/** |
|
* Checks whether it can fix a given variable declaration or not. |
|
* It cannot fix if the following cases: |
|
* |
|
* - A variable is a global variable. |
|
* - A variable is declared on a SwitchCase node. |
|
* - A variable is redeclared. |
|
* - A variable is used from outside the scope. |
|
* - A variable is used from a closure within a loop. |
|
* - A variable might be used before it is assigned within a loop. |
|
* - A variable might be used in TDZ. |
|
* - A variable is declared in statement position (e.g. a single-line `IfStatement`) |
|
* - A variable has name that is disallowed for `let` declarations. |
|
* |
|
* ## A variable is declared on a SwitchCase node. |
|
* |
|
* If this rule modifies 'var' declarations on a SwitchCase node, it |
|
* would generate the warnings of 'no-case-declarations' rule. And the |
|
* 'eslint:recommended' preset includes 'no-case-declarations' rule, so |
|
* this rule doesn't modify those declarations. |
|
* |
|
* ## A variable is redeclared. |
|
* |
|
* The language spec disallows redeclarations of `let` declarations. |
|
* Those variables would cause syntax errors. |
|
* |
|
* ## A variable is used from outside the scope. |
|
* |
|
* The language spec disallows accesses from outside of the scope for |
|
* `let` declarations. Those variables would cause reference errors. |
|
* |
|
* ## A variable is used from a closure within a loop. |
|
* |
|
* A `var` declaration within a loop shares the same variable instance |
|
* across all loop iterations, while a `let` declaration creates a new |
|
* instance for each iteration. This means if a variable in a loop is |
|
* referenced by any closure, changing it from `var` to `let` would |
|
* change the behavior in a way that is generally unsafe. |
|
* |
|
* ## A variable might be used before it is assigned within a loop. |
|
* |
|
* Within a loop, a `let` declaration without an initializer will be |
|
* initialized to null, while a `var` declaration will retain its value |
|
* from the previous iteration, so it is only safe to change `var` to |
|
* `let` if we can statically determine that the variable is always |
|
* assigned a value before its first access in the loop body. To keep |
|
* the implementation simple, we only convert `var` to `let` within |
|
* loops when the variable is a loop assignee or the declaration has an |
|
* initializer. |
|
* @param {ASTNode} node A variable declaration node to check. |
|
* @returns {boolean} `true` if it can fix the node. |
|
*/ |
|
function canFix(node) { |
|
const variables = context.getDeclaredVariables(node); |
|
const scopeNode = getScopeNode(node); |
|
|
|
if (node.parent.type === "SwitchCase" || |
|
node.declarations.some(hasSelfReferenceInTDZ) || |
|
variables.some(isGlobal) || |
|
variables.some(isRedeclared) || |
|
variables.some(isUsedFromOutsideOf(scopeNode)) || |
|
variables.some(hasNameDisallowedForLetDeclarations) |
|
) { |
|
return false; |
|
} |
|
|
|
if (astUtils.isInLoop(node)) { |
|
if (variables.some(isReferencedInClosure)) { |
|
return false; |
|
} |
|
if (!isLoopAssignee(node) && !isDeclarationInitialized(node)) { |
|
return false; |
|
} |
|
} |
|
|
|
if ( |
|
!isLoopAssignee(node) && |
|
!(node.parent.type === "ForStatement" && node.parent.init === node) && |
|
!astUtils.STATEMENT_LIST_PARENTS.has(node.parent.type) |
|
) { |
|
|
|
// If the declaration is not in a block, e.g. `if (foo) var bar = 1;`, then it can't be fixed. |
|
return false; |
|
} |
|
|
|
return true; |
|
} |
|
|
|
/** |
|
* Reports a given variable declaration node. |
|
* @param {ASTNode} node A variable declaration node to report. |
|
* @returns {void} |
|
*/ |
|
function report(node) { |
|
context.report({ |
|
node, |
|
messageId: "unexpectedVar", |
|
|
|
fix(fixer) { |
|
const varToken = sourceCode.getFirstToken(node, { filter: t => t.value === "var" }); |
|
|
|
return canFix(node) |
|
? fixer.replaceText(varToken, "let") |
|
: null; |
|
} |
|
}); |
|
} |
|
|
|
return { |
|
"VariableDeclaration:exit"(node) { |
|
if (node.kind === "var") { |
|
report(node); |
|
} |
|
} |
|
}; |
|
} |
|
};
|
|
|