jQuery.Deferredをforループで回したい

var promise = $.Deferred().resolve().promise();
for (var i = 0; i < 5; i++) {
  promise = promise.then(function() {
    var d = $.Deferred();
    (function() {
      var num = i;
      setTimeout(function() {
        console.log(num);
        d.resolve();
      }, 1000);
    })();
    return d.promise();
  });
}

上記のコードを実行すると、

という結果になるのですが、この理由がわかりません。。
ほしい結果は

です。
原因と改善方法を教えて下さい。

行動規範の内容に同意します

回答1件

ベストアンサー

JavaScript
1    (function() {
2      var num = i;
3      setTimeout(function() {
4        console.log(num);
5        d.resolve();
6      }, 1000);
7    })();

を

JavaScript
1    setTimeout((function(num) { return function() {
2      console.log(num);
3      d.resolve();
4    };})(i), 1000);

追記：

promise 見落としてました。

JavaScript
1var promise = $.Deferred().resolve().promise();
2for (var i = 0; i < 5; i++) {
3  promise = promise.then((function(num) { return function() {
4    var d = $.Deferred();
5    setTimeout((function(num) { return function() {
6      console.log(num);
7      d.resolve();
8    };})(num), 1000);
9    return d.promise();
10  };})(i));
11}