PromiseとDeferredの違い

[azu]

PromiseとDeferredの違いについて

Deferredは

Twisted -> MochiKit/Dojo -> Promises/A -> jQuery.Deferred

時系列適当…

• Twisted 入門 — Twisted Intro
• Promise & Deferred objects in JavaScript Pt.1: Theory and Semantics.

Deferred ∋ Promise という関係は明確だけど、細かい仕様はPromise/A+とかみたいなのがないきがするから、イマイチDeferredと言われた時に何をしめすものなのか分からない。(たいていはjQeuryになるんだろうけど)

• deferred/src/Deferred.js at master · angular/deferred
• plain-promise/deferred.js at master · medikoo/plain-promise
• ljharb/promise-deferred

正直そこまで詳しくないし、あまり興味持ってないから寄稿して欲しい感じ…

[azu]

Promise vs jQuery という趣旨にするならば、以下に書かれてるonRejectedの引数が異なるために起きる問題について触れておいたほうが実用的な話になると思う。

• JavaScript Promises: There and back again - HTML5 Rocks
• jQuery Deferred broken | thewayofcode

むしろ、Promiseと合わせて使うことができるよ、普通にやるとエラー情報が取れないケースがあるかもよ、その解決方法について

という感じのがあれば良い気がする。

[azu]

Promise.resolve と相性が良くない話

var jqDeferred = Promise.resolve($.ajax('http://example.com/whatever.json'));

jqDeferred.then(function(response, statusText, xhrObj) {
  console.info("Success");
}, function(xhrObj, textStatus, err) {
   console.error(arguments);
});

http://jsbin.com/ruzunena/1/edit

jQueryとPromise/A+辺りの違いについて

• Promise anti patterns · petkaantonov/bluebird Wiki
• Coming from jQuery · kriskowal/q Wiki

[azu]

細かい違い(Deferredが実装次第で揺れてしまうため)が沢山あったり、
多分jQuery Deferredもちゃんと理解してる人はそこまで多くないので、書く内容のバランスが難しい気がする。

両方に詳しい人が書いてくれるのがベストかなーと思う所。

全部について触れるのは結構きつそうなので、ここだという所を一点ぐらいでいいかもしれないなー

[azu]

シンプルなDeferred top on Promiseの例

"use strict";
function Deferred() {
    this.promise = new Promise(function (resolve, reject) {
        this._resolve = resolve;
        this._reject = reject;
    }.bind(this));
}
Deferred.prototype.resolve = function (value) {
    this._resolve.call(this.promise, value);
};
Deferred.prototype.reject = function (reason) {
    this._reject.call(this.promise, reason);
};

var deferred = new Deferred();
var promise = deferred.promise;
promise.then(function (value) {
    console.log(value);
}).catch(function(error){
    console.error(error);
});

deferred.resolve("Fulfilled！！！！");
// promiseは既にFulfilledになってるので、これは呼ばれない(catchは呼ばれない)
deferred.reject("doesn't called");

http://jsbin.com/qumabane/3/edit

名前の通り、promiseオブジェクトの状態を後からdeferredが解決したりできる。
(2度解決はpromise上に作ってるので普通にできない

[azu]

#15 でかなり簡略化したPromiseとDeferredの関係について書いた。

http://azu.github.io/promises-book/#_deferred_promise

一応閉じますが、かなりぼかした感じなのでより詳細なのも継続して受け付けていますー

---