• 這幾天看了翻了很多關於 「promise」相關技術貼，看的是眼花撩，一知半解大概了解其作用。

• 先說說問題吧，專案中用到最多少就是Ajax，有個很不爽的問題「多條ajax依賴請求」假設： R1 > R2( r1_result ) > R3( r2_result )，
  最省事的做法全部都同步了吧，結果就是體驗很糟糕，頁面一度假死，loading 也不轉了，使用異步操令人噁心的就是一層套一層的回調，以及後續更多的依賴操作。

• 生命在於折騰，於是就回到了第一段中各種翻閱，看到某位兄台對promise 原理刨析，下面引用這位兄台中的code，http://malcolmyu. github.io/ma...

function Promise(fn) { var state = 'pending'; var value; var deferred = null; function resolve(newValue) { if(newValue && typeof newValue.then === 'function') { newValue.then(resolve, reject); return; } state = 'resolved'; value = newValue; if(deferred) { handle(deferred); } } function reject(reason) { state = 'rejected'; value = reason; if(deferred) { handle(deferred); } } function handle(handler) { if(state === 'pending') { deferred = handler; return; } var handlerCallback; if(state === 'resolved') { handlerCallback = handler.onResolved; } else { handlerCallback = handler.onRejected; } if(!handlerCallback) { if(state === 'resolved') { handler.resolve(value); } else { handler.reject(value); } return; } var ret = handlerCallback(value); handler.resolve(ret); } this.then = function(onResolved, onRejected) { return new Promise(function(resolve, reject) { handle({ onResolved: onResolved, onRejected: onRejected, resolve: resolve, reject: reject }); }); }; fn(resolve, reject); }

• 看完我不禁又疑惑了， then( function(){ do... } )，這丫還不是個回調嘛，難道是折騰的意義就是套個語法糖（我不信）。

• 存在即合理，所以最後怎樣合理使用 promise， 如何更優雅操作ajax流程？順便提下有使用 （ axios \ fetch.js ）感覺如何？