【Day 28】JavaScript Promise

Promise 是甚麽?

Promise 是 ES6 引入的标准之一。 Promise 字面上的意思为「承诺」，表示非同步操作在未来终将实现（或产生错误），并同时取得该操作的结果值。
利用这种异步的执行机制，可以来规避函数的Callback Hell（回调地狱）。

何谓Callback Hell（回调地狱）? 连续执行两个或者多个异步操作是一个常见的需求，在上一个操作执行成功之後，开始下一个的操作，并带着上一步操作所返回的结果。在过去，要想做多重的异步操作，回调嵌套後，层层嵌套的代码的维护难度，和无法排除bug，这就会导致经典的回调地狱。

首先先创建promise物件
const promise = new Promise( /* executor */ function(resolve, reject) { ... } );

Promise的建构式接受一个执行函式(executor)，用来定义非同步行为。执行函式会被马上呼叫并传入两个参数：(resolve, reject)。resolve 与 reject 函式，会在被个别呼叫时，个别执行之。通常 executor 函式会发起一些非同步操作。接着，成功完成後执行 resolve 以完成 promise；或如果有错误，执行 rejects。

一个 Promise 物件处於以下几种状态：
搁置（pending） ：初始状态。
实现（fulfilled）：表示操作成功。
拒绝（rejected） ：表示操作失败。

之後再透过Promise.prototype.then() 或 Promise.prototype.catch() 方法回传 promise

let myPromise = new Promise(function( resolve , reject) {
  let js = 0;    
  if (js == 0) {
    console.log('OK');
    resolve();
  } else {
    console.log('Error');
    reject();
  }
});

myPromise
  .then(function() {console.log('resolve');
}).catch(function(){console.log('reject');
})

改为从promise返回值，不用return，须调用 resolve 和 reject ，这样就可以使用返回值做进一步处理

let myPromise = new Promise(function( resolve , reject) {
  let js = 1;    
  if (js == 0) {
    resolve('OK');
  } else {
    reject('Error');
  }
});

myPromise
  .then(function(msg) {console.log(`${msg}-resolve`);
}).catch(function(msg){console.log(`${msg}-reject`);
})