Никакой задержки с SetTimeout

Question

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

JS:

var test_obj = { 
    init: function(i) { 
     if (i < 10000) { 
      console.log(i + "<br />"); 
      i = i+i; 
      setTimeout(test_obj.init(i), i); 
     } 
    } 
}; 

$(document).ready(function() { 
    var i = 1; 
    test_obj.init(i); 
}); 

Answer 1

Это потому, что вы не передаете ссылку функции на время ожидания. вместо этого вызывая его немедленно, вызывая его, используя parens (). setTimeout(test_obj.init(i), i); теперь это вызовет функцию и задает возвращаемое значение функции как ссылку, которая здесь не определена, поскольку вы ничего не возвращаете.

Вместо этого попробуйте так:

init: function(i) { 
     if (i < 10000) { 
      console.log(i + "<br />"); 
      i = i+i; 
      setTimeout(function(){ // Do this way 
       test_obj.init(i); 
      }, i); 
     } 

Fiddle

Другим способом вы можете сделать это с помощью function.bind.

setTimeout(test_obj.init.bind(this, i), i); 

Fiddle

Answer 2

Потому что вы вызываете функцию. Вы должны передать указатель на setTimeout и не выполнять функцию.

setTimeout(function(){ 
    test_obj.init(i) 
}, i);