Как работает область видимости объекта document?

Question

[Сергей]

Использование объектов Dom как-то меняет область видимости в коде JS?

Вот например две глобальных переменных и функция, и так не работает:

var doc = document.querySelector('.result');
var value = "JS";

changeValue = () => {  
    doc.textContent = value;
}

Но если перенести переменную содержащую document внутрь функции, то всё ок:

var value = "JS";

changeValue = () => {  
    var doc = document.querySelector('.result');
    doc.textContent = value;
}

Почему так?

Answer 1

[Stalker_RED]

... и так не работает

а если проверим?



На самом деле ваш вопрос не про область видимости, а про this у стрелочной функции. Расходимся.

Comments

[Kovalsky]

А при чем тут контекст в стрелочных функциях? Мне кажется тут скорее речь о том, что в первом варианте в doc записывается null ибо элемента .result еще не существует

[Сергей]

Я препроверил в Сафари и в Хроме, не работает же:
Uncaught TypeError: Cannot set property 'textContent' of null

Где я не догоняю?

[Stalker_RED]

Сергей, окей, тогда у вас две проблемы :)
но на нее уже ответили.