В чем разница между var, let и const в JavaScript?

Введение

Объявление переменной просто сообщает компьютеру, что переменная существует и с какого значения она должна начинаться. Подобно другим языкам программирования, JavaScript также позволяет объявлять переменные.

В JavaScript есть три ключевых слова, которые можно использовать для объявления переменных: let, var и const. Каждое ключевое слово имеет разные правила и последствия для того, как могут использоваться переменные, которые они создают.

let: ключевое слово let объявляет локальную переменную блочной области, опционально инициализируя ее значением. Область действия блока означает, что переменная доступна только в пределах блока, в котором она была объявлена, что обычно обозначается фигурными скобками {}.
var: ключевое слово var объявляет глобальную переменную или переменную области видимости функции, опционально инициализируя ее значением. Область действия функции означает, что переменная доступна только внутри функции, в которой она была объявлена. Глобальные переменные доступны по всему коду.
const: ключевое слово const объявляет неизменяемую постоянную переменную с областью действия блока, которая не может быть переназначена. Константы также называют «неизменяемыми переменными», но это неправильное название, поскольку на самом деле они являются переменными, только теми, которые нельзя переназначить.

В чем разница между var, let и const?

Ключевое слово var — это самый старый способ объявления переменных в JavaScript, который поддерживается всеми браузерами. Ключевые слова let и const добавлены в язык новее и не поддерживаются старыми браузерами.

Если вам нужна поддержка старых браузеров, вы можете использовать var вместо let или const. Если вам не нужна поддержка старых браузеров, вы можете использовать let или const. Если вы хотите, чтобы ваша переменная была неизменной, используйте const.

Вот некоторые примеры:

var x = 1;
 let y = 2;
 const z = 3;

 x = 4; //OK
 y = 5; //OK
 z = 6; //Error

Как видите, переменные var и let могут быть переназначены, а переменные const — нет.

Еще одно различие между var и let/const заключается в том, что переменные var имеют область действия функции, а переменные let и const имеют область действия блока.

Это означает, что переменные var доступны только внутри функции, в которой они были объявлены. Например:

function foo() {
 var x = 1;
 }

 foo();
 console.log(x); //ReferenceError: x is not defined

С другой стороны, переменные let и const доступны только внутри блока, в котором они были объявлены. Например:

function foo() {
 let y = 2;
 const z = 3;
 }

 foo();
 console.log(y); //ReferenceError: y is not defined
 console.log(z); //ReferenceError: z is not defined

Итак, подводя итог, основные различия между var, let и const заключаются в следующем:

var имеет область действия функции, а let и const имеют область действия блока.
Переменные var можно переназначать, а переменные let и const нельзя.
Переменные var объявляются с использованием ключевого слова var, а переменные let и const объявляются с использованием ключевых слов let и const соответственно.
Переменные const являются неизменяемыми, а переменные let и var — нет.

Вывод

В этом уроке мы увидели, в чем разница между var, let и const в JavaScript.