UNPKG

12.4 kBJavaScriptView Raw
1/**
2 * @fileoverview Rule to check for the usage of var.
3 * @author Jamund Ferguson
4 */
5
6"use strict";
7
8//------------------------------------------------------------------------------
9// Requirements
10//------------------------------------------------------------------------------
11
12const astUtils = require("./utils/ast-utils");
13
14//------------------------------------------------------------------------------
15// Helpers
16//------------------------------------------------------------------------------
17
18/**
19 * Check whether a given variable is a global variable or not.
20 * @param {eslint-scope.Variable} variable The variable to check.
21 * @returns {boolean} `true` if the variable is a global variable.
22 */
23function isGlobal(variable) {
24 return Boolean(variable.scope) && variable.scope.type === "global";
25}
26
27/**
28 * Finds the nearest function scope or global scope walking up the scope
29 * hierarchy.
30 * @param {eslint-scope.Scope} scope The scope to traverse.
31 * @returns {eslint-scope.Scope} a function scope or global scope containing the given
32 * scope.
33 */
34function getEnclosingFunctionScope(scope) {
35 let currentScope = scope;
36
37 while (currentScope.type !== "function" && currentScope.type !== "global") {
38 currentScope = currentScope.upper;
39 }
40 return currentScope;
41}
42
43/**
44 * Checks whether the given variable has any references from a more specific
45 * function expression (i.e. a closure).
46 * @param {eslint-scope.Variable} variable A variable to check.
47 * @returns {boolean} `true` if the variable is used from a closure.
48 */
49function isReferencedInClosure(variable) {
50 const enclosingFunctionScope = getEnclosingFunctionScope(variable.scope);
51
52 return variable.references.some(reference =>
53 getEnclosingFunctionScope(reference.from) !== enclosingFunctionScope);
54}
55
56/**
57 * Checks whether the given node is the assignee of a loop.
58 * @param {ASTNode} node A VariableDeclaration node to check.
59 * @returns {boolean} `true` if the declaration is assigned as part of loop
60 * iteration.
61 */
62function isLoopAssignee(node) {
63 return (node.parent.type === "ForOfStatement" || node.parent.type === "ForInStatement") &&
64 node === node.parent.left;
65}
66
67/**
68 * Checks whether the given variable declaration is immediately initialized.
69 * @param {ASTNode} node A VariableDeclaration node to check.
70 * @returns {boolean} `true` if the declaration has an initializer.
71 */
72function isDeclarationInitialized(node) {
73 return node.declarations.every(declarator => declarator.init !== null);
74}
75
76const SCOPE_NODE_TYPE = /^(?:Program|BlockStatement|SwitchStatement|ForStatement|ForInStatement|ForOfStatement)$/u;
77
78/**
79 * Gets the scope node which directly contains a given node.
80 * @param {ASTNode} node A node to get. This is a `VariableDeclaration` or
81 * an `Identifier`.
82 * @returns {ASTNode} A scope node. This is one of `Program`, `BlockStatement`,
83 * `SwitchStatement`, `ForStatement`, `ForInStatement`, and
84 * `ForOfStatement`.
85 */
86function getScopeNode(node) {
87 for (let currentNode = node; currentNode; currentNode = currentNode.parent) {
88 if (SCOPE_NODE_TYPE.test(currentNode.type)) {
89 return currentNode;
90 }
91 }
92
93 /* istanbul ignore next : unreachable */
94 return null;
95}
96
97/**
98 * Checks whether a given variable is redeclared or not.
99 * @param {eslint-scope.Variable} variable A variable to check.
100 * @returns {boolean} `true` if the variable is redeclared.
101 */
102function isRedeclared(variable) {
103 return variable.defs.length >= 2;
104}
105
106/**
107 * Checks whether a given variable is used from outside of the specified scope.
108 * @param {ASTNode} scopeNode A scope node to check.
109 * @returns {Function} The predicate function which checks whether a given
110 * variable is used from outside of the specified scope.
111 */
112function isUsedFromOutsideOf(scopeNode) {
113
114 /**
115 * Checks whether a given reference is inside of the specified scope or not.
116 * @param {eslint-scope.Reference} reference A reference to check.
117 * @returns {boolean} `true` if the reference is inside of the specified
118 * scope.
119 */
120 function isOutsideOfScope(reference) {
121 const scope = scopeNode.range;
122 const id = reference.identifier.range;
123
124 return id[0] < scope[0] || id[1] > scope[1];
125 }
126
127 return function(variable) {
128 return variable.references.some(isOutsideOfScope);
129 };
130}
131
132/**
133 * Creates the predicate function which checks whether a variable has their references in TDZ.
134 *
135 * The predicate function would return `true`:
136 *
137 * - if a reference is before the declarator. E.g. (var a = b, b = 1;)(var {a = b, b} = {};)
138 * - if a reference is in the expression of their default value. E.g. (var {a = a} = {};)
139 * - if a reference is in the expression of their initializer. E.g. (var a = a;)
140 * @param {ASTNode} node The initializer node of VariableDeclarator.
141 * @returns {Function} The predicate function.
142 * @private
143 */
144function hasReferenceInTDZ(node) {
145 const initStart = node.range[0];
146 const initEnd = node.range[1];
147
148 return variable => {
149 const id = variable.defs[0].name;
150 const idStart = id.range[0];
151 const defaultValue = (id.parent.type === "AssignmentPattern" ? id.parent.right : null);
152 const defaultStart = defaultValue && defaultValue.range[0];
153 const defaultEnd = defaultValue && defaultValue.range[1];
154
155 return variable.references.some(reference => {
156 const start = reference.identifier.range[0];
157 const end = reference.identifier.range[1];
158
159 return !reference.init && (
160 start < idStart ||
161 (defaultValue !== null && start >= defaultStart && end <= defaultEnd) ||
162 (start >= initStart && end <= initEnd)
163 );
164 });
165 };
166}
167
168/**
169 * Checks whether a given variable has name that is allowed for 'var' declarations,
170 * but disallowed for `let` declarations.
171 * @param {eslint-scope.Variable} variable The variable to check.
172 * @returns {boolean} `true` if the variable has a disallowed name.
173 */
174function hasNameDisallowedForLetDeclarations(variable) {
175 return variable.name === "let";
176}
177
178//------------------------------------------------------------------------------
179// Rule Definition
180//------------------------------------------------------------------------------
181
182module.exports = {
183 meta: {
184 type: "suggestion",
185
186 docs: {
187 description: "require `let` or `const` instead of `var`",
188 category: "ECMAScript 6",
189 recommended: false,
190 url: "https://eslint.org/docs/rules/no-var"
191 },
192
193 schema: [],
194 fixable: "code",
195
196 messages: {
197 unexpectedVar: "Unexpected var, use let or const instead."
198 }
199 },
200
201 create(context) {
202 const sourceCode = context.getSourceCode();
203
204 /**
205 * Checks whether the variables which are defined by the given declarator node have their references in TDZ.
206 * @param {ASTNode} declarator The VariableDeclarator node to check.
207 * @returns {boolean} `true` if one of the variables which are defined by the given declarator node have their references in TDZ.
208 */
209 function hasSelfReferenceInTDZ(declarator) {
210 if (!declarator.init) {
211 return false;
212 }
213 const variables = context.getDeclaredVariables(declarator);
214
215 return variables.some(hasReferenceInTDZ(declarator.init));
216 }
217
218 /**
219 * Checks whether it can fix a given variable declaration or not.
220 * It cannot fix if the following cases:
221 *
222 * - A variable is a global variable.
223 * - A variable is declared on a SwitchCase node.
224 * - A variable is redeclared.
225 * - A variable is used from outside the scope.
226 * - A variable is used from a closure within a loop.
227 * - A variable might be used before it is assigned within a loop.
228 * - A variable might be used in TDZ.
229 * - A variable is declared in statement position (e.g. a single-line `IfStatement`)
230 * - A variable has name that is disallowed for `let` declarations.
231 *
232 * ## A variable is declared on a SwitchCase node.
233 *
234 * If this rule modifies 'var' declarations on a SwitchCase node, it
235 * would generate the warnings of 'no-case-declarations' rule. And the
236 * 'eslint:recommended' preset includes 'no-case-declarations' rule, so
237 * this rule doesn't modify those declarations.
238 *
239 * ## A variable is redeclared.
240 *
241 * The language spec disallows redeclarations of `let` declarations.
242 * Those variables would cause syntax errors.
243 *
244 * ## A variable is used from outside the scope.
245 *
246 * The language spec disallows accesses from outside of the scope for
247 * `let` declarations. Those variables would cause reference errors.
248 *
249 * ## A variable is used from a closure within a loop.
250 *
251 * A `var` declaration within a loop shares the same variable instance
252 * across all loop iterations, while a `let` declaration creates a new
253 * instance for each iteration. This means if a variable in a loop is
254 * referenced by any closure, changing it from `var` to `let` would
255 * change the behavior in a way that is generally unsafe.
256 *
257 * ## A variable might be used before it is assigned within a loop.
258 *
259 * Within a loop, a `let` declaration without an initializer will be
260 * initialized to null, while a `var` declaration will retain its value
261 * from the previous iteration, so it is only safe to change `var` to
262 * `let` if we can statically determine that the variable is always
263 * assigned a value before its first access in the loop body. To keep
264 * the implementation simple, we only convert `var` to `let` within
265 * loops when the variable is a loop assignee or the declaration has an
266 * initializer.
267 * @param {ASTNode} node A variable declaration node to check.
268 * @returns {boolean} `true` if it can fix the node.
269 */
270 function canFix(node) {
271 const variables = context.getDeclaredVariables(node);
272 const scopeNode = getScopeNode(node);
273
274 if (node.parent.type === "SwitchCase" ||
275 node.declarations.some(hasSelfReferenceInTDZ) ||
276 variables.some(isGlobal) ||
277 variables.some(isRedeclared) ||
278 variables.some(isUsedFromOutsideOf(scopeNode)) ||
279 variables.some(hasNameDisallowedForLetDeclarations)
280 ) {
281 return false;
282 }
283
284 if (astUtils.isInLoop(node)) {
285 if (variables.some(isReferencedInClosure)) {
286 return false;
287 }
288 if (!isLoopAssignee(node) && !isDeclarationInitialized(node)) {
289 return false;
290 }
291 }
292
293 if (
294 !isLoopAssignee(node) &&
295 !(node.parent.type === "ForStatement" && node.parent.init === node) &&
296 !astUtils.STATEMENT_LIST_PARENTS.has(node.parent.type)
297 ) {
298
299 // If the declaration is not in a block, e.g. `if (foo) var bar = 1;`, then it can't be fixed.
300 return false;
301 }
302
303 return true;
304 }
305
306 /**
307 * Reports a given variable declaration node.
308 * @param {ASTNode} node A variable declaration node to report.
309 * @returns {void}
310 */
311 function report(node) {
312 context.report({
313 node,
314 messageId: "unexpectedVar",
315
316 fix(fixer) {
317 const varToken = sourceCode.getFirstToken(node, { filter: t => t.value === "var" });
318
319 return canFix(node)
320 ? fixer.replaceText(varToken, "let")
321 : null;
322 }
323 });
324 }
325
326 return {
327 "VariableDeclaration:exit"(node) {
328 if (node.kind === "var") {
329 report(node);
330 }
331 }
332 };
333 }
334};