2

Переменная q внутри функции f - локальная, т.е. доступна внутри тела функции. Вопрос: почему она недоступна в функции obj.func?

var qwe = 1;
function f() {
    var q = {};
    var qwe = 2;
    debugger;
    var obj = {
        a: q,
        func: function() {
            // тут q не видна, а qwe === 1.
            debugger;
        }
    };
    obj.func();
    debugger;
}

f();

Вроде как, при создании obj.func, ее [[Scope]] должен ссылаться на объект переменных функции f (т.к. func создана в контексте функции f), но из кода видно, что ссылается на глобальный объект (Переменная qwe равна 1, а не 2).

3
  • Похожий вопрос уже был на днях
    – nick_n_a
    16 дек 2016 в 14:10
  • Почему-то obj.func не считается вложенной по отношению к f.
    – bulatov
    16 дек 2016 в 14:12
  • Очень похоже на баг отладчика. Хром и ie бажат, причем по-разному. фф - окей. 16 дек 2016 в 14:32

4 ответа 4

4

На самом деле проверка несколько некорректна.

Отладчик показывает реальное состояние скопов.

Пример в хроме:

в хроме

Как можно заметить в момент вызова функции доступны два скопа:

  1. Локальный скоп функции
  2. Глобальный скоп.

Некорректность проверки заключается в том, что функция пуста, нет обращений к переменным из скопа функции f, соответственно нет замыканий.

При проверке: поиск осуществляется в доступных в данный момент скопах, и там действительно нет переменной q, а переменная qwe - находится в глобальном скопе и имеет значение 1.


Если же изменить код, добавив в него замыкание. Предстанет совсем другая картина:

хром с замыканием

Как можно отметить, добавился скоп Closure, в котором и хранится используемая переменная q из скопа f.

И при проверке - он будет определена и иметь значение - пустой объект.

Также стоит обратить внимание, что раз переменная qwe не замкнута, она по прежнему будет отдавать 1 при проверке.

2

Давайте не будем никому верить на слово, а просто запустим код.

var qwe = 1;
function f() {
    var q = { test: "Test" };
    var qwe = 2;
    var obj = {
        a: q,
        func: function() {
            // тут q не видна, а qwe === 1.
            console.log(q); // видна
            console.log(qwe); // 2
        }
    };
    obj.func();
}

f();

6
  • 1
    Ненене, запустите код автора и посмотрите в дебаггере. Видимо проблема в том, что дебаггер врет (по крайней мере у меня в хроме - врет o_O) 16 дек 2016 в 14:27
  • Т.е. вопрос по сути не "какого хрена себя js так ведет" а "какого хрена дебаггер себя так ведет" 16 дек 2016 в 14:29
  • @УмеренноУпоротаяУтка Chrome Version 54.0.2840.99 m - дебаггер показывает правильно, а у Вас?
    – user176262
    16 дек 2016 в 14:32
  • 55.0.2883.87 m - хромовский дебагер бажит как у автора 16 дек 2016 в 14:34
  • 11 осел - тоже бажит. А вот в фф - норм. 16 дек 2016 в 14:35
0

Переменные были удалены сборщиком мусора (Оптимизация в V8 и её последствия).

3
  • они не были удалены. Так как они доступны и после вызова функции.
    – Grundy
    16 дек 2016 в 17:14
  • по ссылке объяснение не очень
    – Grundy
    16 дек 2016 в 17:15
  • @Grundy в firefox 72 они отображаются, если использются, и undefined, если не используются 14 янв 2020 в 20:31
0

если хочешь переменные за пределы функции видеть просто не обЪявляй что это переменная. пример (не var i = 10; а просто i = 10; без var ) я сам так делаю

0

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.