Динамическая облать видимости, что это такое?

Question

[Maks Burkov]

Интересно из данного примера как будет созданна область видимости в данном коде vat text ?
При компиляции sayHello как идентификатор для данного scope , но что происходит дальще ? Во время выполнения программы я вызываю через переменную sayHello присвоенную ей функцию , во время вызова внутри присвоенной анонимной функции есть var text это момент когда создаётся область видимости динамически так как обьект из функции создаётся при вызове в рантайме ?

var sayHello = function (name) {
  var text = 'Hello, ' + name;
  return function () {
    console.log(text);
  };
};

var helloTodd = sayHello('Todd');
helloTodd(); // вызывает замыкание и выводит 'Hello, Todd'

Answer 1

[Виталий]

1. вызов функции sayHello
2. инициализированы локальные переменные name = "Todd"
text = "Hello, Todd"
3. функция хеллотод получает в возврат анонимную функцию наследника функции сейхелло, в замыкании держа значение:

4. Вызов анонимной функции, которая видит в своей зоне видимости данные из text = "Hello, Todd" и пишет это в лог.

Comments

[emp1re]

Какое IDE используете?

[Maks Burkov]

emp1re: IDEA (Web Storm)!

[Maks Burkov]

Сори но вы не потеме ответили .. Я другой вопрос задал .

[Виталий]

Maks Burkov: честно говоря я либо не понял идею вопроса, но если возьмешь дебагер и пробежишь пошагово по этому всему, увидишь на каком этапе что создается и что видится.

[Maks Burkov]

Виталий: Я спросил про этап создания динамической области видимости в данном коде , сушествует ли он тут вообше , так как это function expression и функция присваивается во время рантайм , так как в функции сушествует var text то для него scope должен создатся во время выполнения , является ли это концепцией динамической области видимости ?
Просто разбираюсь с этой концепцией про scopes .. По сути динамическая область видимости должна создаватся во время Runtime .. Про лексическую понятно .

[Виталий]

Maks Burkov: я считаю что это все же лексическое окружение. У js есть порядок объявления переменных, он ему строго следует.
Функция сейхелло определяется как функциональное выражение, то есть инициализируется в момент присваивания. Этим обусловлено ее реалтайм появление в скопе.
Динамика обеспечивается сборщиком мусора, лишние переменные трутся. На скрине дебага к примеру видно как name = '' , а в замыкании хранится сразу готовая строка 'Hello, Todd'
И да, сборщик мусора темная лошадка, он работает по мере возможности, так что данные даже после неиспользвоания могут быть живы какое-либо время.

[Maks Burkov]

Виталий:

for (var i=1; i<=5; i++) {
        var j = i;
        console.log(j);
        setTimeout( function timer(){  // Замыкание на внешней области видимости, то же реалтайм появление в скопе ? 
        console.log( j +" Set timeout running! ");
    },0 );
        console.log("Iteration after setTimeout");
}

Интересное решение для этого :

for (var i=1; i<=5; i++) {
	(function(j){ // при каждой итерации создаётся scope который замыкает изминение i из за моментального  выполнения функционального выражения.  
		setTimeout( function timer(){
			console.log( j );
		}, j*1000 );
	})( i );
}

[Виталий]

Maks Burkov: ну пройди дебагером да глянь, я думаю использование анонимной функции всегда относится к функциональному объявлению.
Потому как по факту при передаче анонимной функции мы получаем такое же фнкциональное объявление.
В поддержку мысли

function set(){
let args = [];
for (let i = 0; i < arguments.length; i++) {
  args[i] = arguments[i];
}
console.log(args);
   let fn  = args.shift();
   fn.apply(this, args);
}
set(function(blabla, blabla2) { 
   console.log(blabla, blabla2);
   }, 1000, 'привет');

В результате соберется в код где будет объявлено:

let fn = function(blabla, blabla2) { 
   console.log(blabla, blabla2);
   };
//внутри фн:
blabla = 1000;
blabla2 = "привет"

[Maks Burkov]

Вообшем я понял! СПС!