Где в данном случае создалась переменная?

Question

[Muranx]

Здравствуйте !
Заранее извиняюсь за столь странную реализацию, но я эксперементировал !

$O = Object;
$c = console;

function F(){
  var that = this;
  this.a = 10;
  var A = this.a;
    return function(){
        $c.log(($O.getPrototypeOf(that) === F.prototype));
        $c.log(($O.getPrototypeOf(this)));
        $c.log(A); 
    };
};

var b = new F(); 

b();              // true
                  // [ Object Window ]
                  // 10

$c.log(window.a); // undefined
$c.log(b.a);      // undefined

Во первых, для меня было странным то, что при вызове конструкции new F( ) не создался объект, ну в принципи я допустил, что в переменную b записалась возвращаемая из функции F( ) функция, НО вся загвоздка в том, где создалась переменная A??? Если typeof(b) === "function" - true, в window.a и в b.a её собственно нету, тогда где она, в каком она находится объекте? Т.к. в теле возвращаемой функции её значение очень даже доступно, но где тот объект, свойством которого она является? И как получить к нему доступ? Буду очень признателен за ответ, особенно с подробностями, как это можно вычислить, т.к. кроме typeof( ) и обращения к свойствам объекта в теле функции через console.log( ) у меня нет никаких знаний! Спасибо!

Comments

[Ярослав Иванов]

Ну и дичь

1) У тебя F не объект возвращает а функцию. если ты через new создаешь то конструктор ничего возвращать не должен. Поэтому b.a не работает.
2) С какой стати у window появится свойство "a" ? у тебя нет нигде глобальной переменной "а"

[RAX7]

https://learn.javascript.ru/closure

[Muranx]

Ярослав Иванов, this.a=10, console.log(А) //10 где этот объект , на который указывает this? если есть значение, и оно записано в переменную, эта переменная где-то создана, то где? Меня не интересовала ваша оценка данного кода , меня интересовал данный нюанс, т.к. я не могу этого понять, и узнать, а вместо этого я получаю С какой стати у window появится свойство а? ОтветЫ на мои вопросы со стороны человека , который разбирается в проблеме, и просто РАЗУМНОГО человека были бы гораздо более грамотным решением в данной ситуации! Спасибо!

[Ярослав Иванов]

Переведите на русский. Что он пишет?

[Muranx]

Ярослав Иванов, ты с кем разговариваешь?) Ответ уже дан, КОНСТРУКТИВНЫЙ, почитай, поучись, мало обладать знаниями на подобных сайтах, понторезов тут туча , а объясняют КОНСТРУКТИВНО (подчеркну - КОНСТРУКТИВНО) лишь единицы!

Answer 1

[Robur]

НО вся загвоздка в том, где создалась переменная A???

Создалась внутри функции F

тогда где она, в каком она находится объекте? Т.к. в теле возвращаемой функции её значение очень даже доступно, но где тот объект, свойством которого она является?

Это специальный объект - контекст выполнения. Гуглите execution context.

И как получить к нему доступ?

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

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

вот тут почитайте https://codeburst.io/js-demystified-04-execution-c...

Comments

[Muranx]

Robur , всем бы у тебя поучиться отвечать конструктивно, а не спамить ссылки с ЛЖС, и писать , что у меня пример какой-то не тот. . . Спасибо! Понял! Удачи тебе по жизни , надеюсь ты всем так-же будешь помогать!

[Robur]

Muranx, не всем, а только тем кто сам что-то хочет понять :)

[Muranx]

Robur, ты даже не представляешь сколько я просидел над этим " г """ но кодом " не понимая, где этот проклятый объект, в который записалась переменная "а"!=/ Удачи ещё раз, большой!

[Robur]

Muranx, переменная "a" записалась в другое место нежели A.
"a" записалась в объект который был в this. вы туда сохранили 10.
потом это значение взяли из a и сохранили в A. получилось this.a = 10 и A = 10, но это разные переменные и "лежат" они в разных местах

[Muranx]

Robur, хм, чот я и так и сяк попробовал, всё равно один и тот-же результат

function F(){
  var that = this;
  var A = this
  A.a = 10
    return function(){
        $c.log(($O.getPrototypeOf(that) === F.prototype));
        $c.log(($O.getPrototypeOf(this)));
        $c.log(A.a); 
    };
};

[Robur]

что хотите то в итоге?

[Muranx]

Robur, ну вывести в консоль ту переменную, которая записалась в тот самый невидимый объект выполнения, или как там он называется

[Robur]

console.log(A) выведет вам эту переменную.

[Muranx]

Robur, не знаю, чот я запутался, когда я создаю конструкцию которую показал вам три ответа назад, то что я вывожу в консоль, если не свойство нужного мне объекта?

[Robur]

A.a - это свойство в объекте A
A - это переменная которая лежит в контексте выполнения.

что бы вы ни написали в консоль, вы выведите значение из этой переменной. "саму переменную" вывести никак нельзя, только то что в ней хранится

Answer 2

[Athanor]

Во первых, для меня было странным то, что при вызове конструкции new F( ) не создался объект, ну в принципи я допустил, что в переменную b записалась возвращаемая из функции F( )

А это, кстати, происходит потому что вы возвращаете не примитивное значение в функции-конструкторе.

Подробней

Если хотите получить a в объекте, возвращенном функцией, конструктором, нужно убрать returnиз F

Comments

[Muranx]

Athanor, благодарю тебя ! Хм, интересный нюанс по примитив, как-бы я нираз возвращал примитивы из конструкторов, но как-то про функции даже не догадывался, ты красавец!