Почему не появляется ошибка ReferenceError?

Question

[Allakazam]

Не так давно начал изучение JS. И только сейчас столкнулся с непонятной для меня ситуацией:
Код пишу в программе Sublime Text 3. Пример кода следующий

var name = 'MyName';
console.log(name);

Сохраняю этот код и проверяю в браузере - все работает отлично и в консоли отображается значение моей переменной.
После этого, я удаляю 1 строчку и сохраняю файл, остается только

console.log(name);
console.log(this);

В консоли нет ошибки, что переменная не определена, просто пустая строка.
Тоже самое происходит со всеми переменными, которые были определены с помощью ключевого слова var.
Если проделать тоже самое с помощью ключевых слов const и let - выдает ожидаемую ошибку ReferenceError.
Получается, что var как-то сохраняет переменную, и после удаления ее из кода, все равно остается, но с пустым значением?

Comments

[alex]

Получается, что var как-то сохраняет переменную, и после удаления ее из кода, все равно остается, но с пустым значением?

дичь. скрипт живет в памяти до тех пор пока вы не обновите вкладку. после рефреша все обнуляется как в фильме «edge of tomorrow». т.е. следующий сценарий невозможен:

1. var foo = 'foo'
   
2. обновляем страницу
   
3. console.log(foo); // foo
   

В консоли нет ошибки, что переменная не определена, просто пустая строка.

потому что эта переменная(а правильней сказать свойство) изначально существует в глобальном объекте.по сути запись вида console.log(bar) ничто иное как console.log(window.bar) или console.log(this.bar). window.name существует всегда и равна пустой строке. а запись вида: var name = 'MyName'; тоже самое что и window.name = 'MyName';

Answer 1

[Chingiz Мамедов]

Дело в том, что ты себя путаешь. This это своего рода указатель для методов. (Метод это функция яв-ся свойством обьекта). В этом случае this (так как не в обьекте) напрвляется на глобальный обьект, а это window. У виндов наме как свойство существует, но пустое. Например, если ты напишешь это самое в https://codepen.io/pen, то у тебя name будет иметь значение CodePen. Конкретно в твое случае windows имеет name, но пустое. По этому не выводит ошибок. Надеюсь смог объяснить.

Comments

[Allakazam]

спасибо, я не знал, что у window есть стандартное свойство name и я соотносил его со своей созданной переменной, поэтому и не мог понять, почему она всегда сохраняется, даже если в коде этой переменной у меня нет.

Answer 2

[Danila]

var ничего и никуда не сохраняет, на скриншоте у тебя показано свойство name объекта Window, которое никакого в данном случае отношения к твоей переменной не имеет
https://developer.mozilla.org/en-US/docs/Web/API/W...
но при объявлении переменной name в глобальном контексте, ты перезаписываешь это свойство у объекта Window

Answer 3

[Valentin Khokhlov]

Свойство name уже определено браузером и хранится в объекте window
Помимо собственно свойств окна, объект также хранит все глобальные переменные, которые попадают туда при объявлении через var в глобальной области, либо объявлении без ключевого слова в любом месте программы (без 'use strict')
Тем самым, объявляя в глобальной области переменную name через var, вы переопределяете одноименное свойство window.name
Определения же через let/const даже в глобальном контексте будут храниться отдельно от window