Js: Почему интерпритатор не выдает var is not defined при обращении к id?

Question

[elyourn]

Был на собеседовании, задали такой вопрос. Код ниже. Поясните пожалуйста логику работы.

<div id="test"></div>
<script>
console.log(test);
</script>

Answer 1

[Иван Соломенников]

Если для именования HTML элемента используется атрибут id и если объект Window еще не имеет свойства имя которого совпадает со значением атрибута id, то объект Window получает неперечисляемое свойство с именем соответствующим значению атрибута id, значением которого становится объект HTMLElement, представляющий этот элемент документа. Таким образом значения атрибута id в HTML документах становятся глобальными переменными, доступными сценариям. Если например документ включает элемент <button id="okay">, то на него можно сослаться с помощью глобальной переменной "okay". © Дэвид Флэнаган.

Answer 2

[Дмитрий Новиков]

Потому что переменная не объявлена через var и совпадает с id элемента.
В данном случае, элементы документа с id доступны как глобальные переменные с такими же именами.
Старый прикол.

Answer 3

[Виталий Инчин ☢]

Если элементу назначен специальный атрибут id, то можно получить его прямо по переменной с именем из значения id.

Это поведение соответствует стандарту. Оно существует, в первую очередь, для совместимости, как осколок далёкого прошлого и не очень приветствуется, поскольку использует глобальные переменные. Браузер пытается помочь нам, смешивая пространства имён JS и DOM, но при этом возможны конфликты.

https://learn.javascript.ru/searching-elements-dom...

Answer 4

[Александр Зубарев]

Потому что test - это глобальная переменная в window. Вот ссылка на html стандарт (сайт долго открывается!).

window[name]
Returns the indicated element or collection of elements.

Но если использовать данный подход, то это приведет к хрупкому коду.