Отличия var let const

"Разница var, let, const". Давайте разбираться в "отличиях между var, let, const".

Разница var let const.

1. Быстрый ответ : "Разница var let const".
2. Пример разницы var, let, const №1.
3. Пример разницы var, let, const №2.
4. Пример разницы var, let, const №3.

Быстрый ответ : "Разница var let const".

Я не буду вам рассказывать здесь про все три переменные! (см. здесь: Var, Let, Const)

Давайте попытаемся разобраться в вопросе "Разница var let const".

Доступность переменной в различных областях.

Доступность переменной в различных областях - называется "областью видимости"!

Быстрый ответ : "Разница var let const".

Var — переменная может быть глобальной, так и локальной(внутри блока кода(например function)).

Let — имеет блочную область видимости. Переменная, объявленная в блоке кода при помощи оператора let, доступна только в рамках этого блока кода.

Const — значение переменной, объявленной при помощи const, остается неизменным внутри ее области видимости. Эту переменную нельзя объявить заново или обновить(исключения массив/объект).




Пример разницы var, let, const №1.

Используем в трех вариантах один и тот же код, меняем объявление переменной(выделено красным):

Для просмотра результатов открываем консоль.

<script>

var/let/const example=1;

console.log(example);

function go(){

example=example+ 1;

console.log(example);

}

go();

</script>

Пример разницы var.

Смотри в отдельном окне.

Пример разницы let.

Смотри в отдельном окне.

Пример разницы const.

Смотри в отдельном окне.

Вывод о разнице var, let, const №1.

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




Пример разницы var, let, const №2.

Опять используем в трех вариантах один и тот же код, меняем объявление переменной(выделено красным):

Для просмотра результатов открываем консоль.

<script>

var/let/const example=1;

console.log(example);

function go(){

var/let/const example=example+ 1;

console.log(example);

}

go();

</script>

Пример разницы var.

Смотри в отдельном окне.

Пример разницы let.

Смотри в отдельном окне.

Пример разницы const.

Смотри в отдельном окне.

Вывод о разнице var, let, const №1.

Если вы посмотрели/не посмотрели все три варианта, то увидели, что совершенно одинаковый код работает по-разному/одинаково:

Отличие var от let/const...

если вы открыли пример, то были наверняка удивлены... потому, что в консоли должно было быть:

1

2

А увидели:

1

1

Вот это пример того, что внутри функции "var" будет вести себя как локальная переменная.

Поскольку эту переменную объявляют внутри функции, то наружную переменную "example" не видит!

Для такого кода с использованием let/const будет ошибка типа:

ReferenceError: Cannot access 'example' before initialization

ReferenceError: Не удается получить доступ к "example" до инициализации




Пример разницы var, let, const №3.

Поместим наши три переменные внутри функции.

Выведем один раз внутри функции Console.log();.

Второй раз выведем снаружи функции с помощью Console.log();.

Используем в трех вариантах один и тот же код, меняем объявление переменной(выделено красным):

Для просмотра результатов открываем консоль.

<script>

var/let/const example=1;

if (true) {

(var/let/const)_1 = 'Разница между var let const';

console.log( (var/let/const)_1 );

}

console.log( (var/let/const)_1 );

</script>

Пример разницы var.

Смотри в отдельном окне.

Пример разницы let.

Смотри в отдельном окне.

Пример разницы const.

Смотри в отдельном окне.

Вывод о разнице var, let, const №1.

Если вы посмотрели/не посмотрели все три варианта, то увидели:

var - сработал как глобальная переменная...

let/const - выдает ошибку:

Uncaught ReferenceError: let/const_1 is not defined

Ошибка let/const_1 не определен