ECMAScript 6 allows programmers to create variables with block scope instead of function scope using the let
and const
keywords. Block scope is common in many other programming languages and helps programmers avoid mistakes such as:
js
var count = people.length;
var enoughFood = count > sandwiches.length;
if (enoughFood) {
var count = sandwiches.length; // accidentally overriding the count variable
console.log("We have " + count + " sandwiches for everyone. Plenty for all!");
}
// our count variable is no longer accurate
console.log("We have " + count + " people and " + sandwiches.length + " sandwiches!");
Rule Details ​
This rule is aimed at discouraging the use of var
and encouraging the use of const
or let
instead.
Examples ​
Examples of incorrect code for this rule:
::: incorrect
js
/*eslint no-var: "error"*/
var x = "y";
var CONFIG = {};
:::
Examples of correct code for this rule:
::: correct
js
/*eslint no-var: "error"*/
let x = "y";
const CONFIG = {};
:::
When Not To Use It ​
In addition to non-ES6 environments, existing JavaScript projects that are beginning to introduce ES6 into their codebase may not want to apply this rule if the cost of migrating from var
to let
is too costly.