LHL - Promises

http://es6.ruanyifeng.com/#docs/promise

const boringPromise = new Promise ((resolve, reject) => {
    if (true) {
        resolve ('Woo!')
    } else {
        reject ('Noo')
    }
});
boringPromise
    .then(result => console.log(result))
    .catch(error => console.log(error))
//output: Woo!

const boringPromise = new Promise ((resolve, reject) => {
    if (false) {
        resolve ('Woo!')
    } else {
        reject ('Noo')
    }
});
boringPromise
    .then(result => console.log(result))
    .catch(error => console.log(error))
    //output: Noo

Fetch API 规范明确了用户代理获取资源的语义。原生支持 Promise1，调用方便，符合语义化.
Fetch API 是基于 Promise，由于 Promise 没有处理 timeout 的机制，所以无法通过原生方式处理请求超时后的中断，和读取进度的能力。

1. Promise fetch(String url, [, Object options]) // 第一个参数是一个 url，第二个参数是配置信息
2. Promise fetch(Request req, [, Object options]) //第一个参数是一个 Request 对象，第二个参数是配置信息

var URL = '//api.some.com';
var getReq = new Request(URL, {method: 'GET', cache: 'reload'});
fetch(getReq).then(function(response) {
  return response.json();
}).catch(function(error) {
  console.log('Fetch Error: ', error);
});

var URL = '//api.some.com';
// 实例化 Headers
var headers = new Headers({
  "Content-Type": "text/plain",
  "Content-Length": content.length.toString(),
  "X-Custom-Header": "ProcessThisImmediately",
});
var getReq = new Request(URL, {method: 'GET', headers: headers });
fetch(getReq).then(function(response) {
  return response.json();
}).catch(function(error) {
  console.log('Fetch Error: ', error);
});