javascript - 关于 Promise 异步操作的疑惑，以及如果更优雅的编写

Question

• 这几天看了翻了很多关于 「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 ）感觉如何？