335 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			335 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
/**
 | 
						|
 * @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;
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    /* c8 ignore next */
 | 
						|
    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) ||
 | 
						|
                (!astUtils.isFunction(node) && 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
 | 
						|
//------------------------------------------------------------------------------
 | 
						|
 | 
						|
/** @type {import('../shared/types').Rule} */
 | 
						|
module.exports = {
 | 
						|
    meta: {
 | 
						|
        type: "suggestion",
 | 
						|
 | 
						|
        docs: {
 | 
						|
            description: "Require `let` or `const` instead of `var`",
 | 
						|
            recommended: false,
 | 
						|
            url: "https://eslint.org/docs/latest/rules/no-var"
 | 
						|
        },
 | 
						|
 | 
						|
        schema: [],
 | 
						|
        fixable: "code",
 | 
						|
 | 
						|
        messages: {
 | 
						|
            unexpectedVar: "Unexpected var, use let or const instead."
 | 
						|
        }
 | 
						|
    },
 | 
						|
 | 
						|
    create(context) {
 | 
						|
        const sourceCode = context.sourceCode;
 | 
						|
 | 
						|
        /**
 | 
						|
         * 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 = sourceCode.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 = sourceCode.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);
 | 
						|
                }
 | 
						|
            }
 | 
						|
        };
 | 
						|
    }
 | 
						|
};
 |