for(var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}Анонимная функция сохраняет лишь ссылку на i, и когда будет вызвана функция console.log, цикл for уже закончит свою работу — и поэтому в переменной i будет покоиться значение 10.
1. Если как они утверждают цикл будет закончен до того как будет вызвана console.log(i) то почему результат выводится 10 раз?
for (var i = 0; i < 10; i++) {
setTimeout('console.log('+ i +')', 1000);
}
console.log(i);, который лежит внутри анонимной функции, которая создается каждый раз.
for(var i = 0; i < 10; i++) {setTimeout(LogMe(i), //получим функцию
1000*(i+1));} //видимо хочется не всё сразу через 1 секунду выполнить,
// а по одному разу за 1 секунду (последний console.log() через 10 секунд)
function LogMe(i){ //т.к. i объявлена здесь (в аргументе это всё равно что объявление var),
//то она больше не будет ссылкой на i из цикла
//эта области видимости отправится к мусорщику сразу после выполнения следующей функции
return function() { //вернем новую функцию со своей областью видимости.
console.log(i);
};
}
> var tmp = {};
undefined
> for(var i=0; i < 10; i++) {
... tmp[i] = function() { return i; };
... }
[Function]
> tmp[0]()
10
> tmp[1]()
10
> tmp[2]()
10
> ...for (var i = 0; i < 10; i++) {
setTimeout(function (i) // добавил аргумент i чтобы изменить скоуп и скрыть i из цикла
{
console.log(i);
}(i) // --- добавил ( i ) чтобы сразу вызвать функцию анонимную и сделать
, 2220);
}for (var i = 0; i < 10; i++) {
setTimeout(function ( k ) {
console.log( k );
}( i ), 2220);
}