Правильно отладка в браузере Chrome отображает переменные?

Question

[FaTaLcheG]

Читаю Современный учебник JavaScript с сайта https://learn.javascript.ru/

В одном из заданий "В какую переменную будет присвоено значение?"

var value = 0;
      function f(){
        if(1){
          value = true;
        }else{
          var value=false;
        }
          alert(value);
      };

      f();

Есть коментарий по этому заданию

В какую переменную будет присвоено значение?

Результатом будет true, т.к. var обработается и переменная будет создана до выполнения
кода.

Соответственно, присвоение value=true сработает на локальной переменной, и alert
выведет true.

Внешняя переменная не изменится.

P.S. Если var нет, то в функции переменная не будет найдена. Интерпретатор обратится за
ней в windowи изменит её там.
Так что без var результат будет также true, но внешняя переменная изменится

Но что интересует так это дебагер который на моменте завершения функции показывает что в глобальной переменной value присвоено значение true



Или возможно в глобальной области видимости найти значение value = 0? во вкладке scope

Answer 1

[Stalker_RED]

Есть такая штука как "поднятие" (hoisting) (1, 2)

Из-за

else{
          var value=false;
        }

Внутри функции f есть своя переменная value, и когда вы делаете value = true, то меняетсмя именно она.

Если убрать "var", то будет найдена ближайшая value из родительских объектов. Будет меняться window.value.

Comments

[profesor08]

Код из примера равнозначен:

var value = 0;
function f(){
  var value=false;
  if(1){
    value = true;
  }
  alert(value);
};

f();

И автора интересует момент, почему в дебагере показывается, что глобальная value изменилась, хотя она не менялась.

[Stalker_RED]

profesor08, да, похоже FaTaLcheG нашел баг в дебаггере.

Если проверять через console.log(window.value) то она равна нулю.

Answer 2

[profesor08]

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