關於那些變化萬千，開箱即用的 Promise 高度封裝方法
前言
在日常開發中，我們少不了使用 Promise，而透過封裝抽象方法，可以避免造輪子，寫出更加優雅的程式碼。例如：將任意函式，化為具有非同步能力的函式、改裝成具有並發上千萬請求的函式、使用 Web Worker 來使用不同執行緒、暫停若干秒再繼續。這裡就讓我們一起來動手封裝這些方法吧。
promisify
無論什麼函式，我們也可以將它化為非同步函式。
這裡使用 currying 來返回一個函式，再返回一個 Promise 來呼叫原本的函式。
而且，可以用 ...rest 來傳遞所有引數，而不是 arguments。
const promisify = func =>(...args)=>newPromise((resolve, reject)=>func(...args,(err, result)=>(err ? reject(err): resolve(result))));
使用方法
const delay = promisify((d, cb)=> setTimeout(cb, d));delay(2000).then(()=> console.log('Hello World!'));
值得一提的是，如果你的 Node.js 版本為 8 以上，你可以使用 util.promisify。
const util =require('util');const fs=require('fs');const stat = util.promisify(fs.stat);stat('.').then((stats)=>{// 做你要做的事情}).catch((error)=>{// 處理錯誤});
你也可以使用 async/await 版本：
const util =require('util');const fs =require('fs');const stat = util.promisify(fs.stat);async function callStat(){const stats = await stat('.');console.log(`This directory is owned by ${stats.uid}`);}
runAsync
使用 Web Worker 來在獨立執行緒呼叫函式，避免阻塞 UI 互動。
我們首先會使用 Blob 物件連結來建立一個 Worker，裡面的內容是純字串的函式。
然後，馬上使用這個 worker，並返回一個 Promise。
監聽 onmessage 及 onerror 事件，然後處理返回的 data。
程式碼片段：
const runAsync = fn =>{const worker =newWorker(URL.createObjectURL(newBlob([`postMessage((${fn})());`]),{type:'application/javascript; charset=utf-8'}));returnnewPromise((res, rej)=>{worker.onmessage =({ data })=>{res(data), worker.terminate();};worker.onerror = err =>{rej(err), worker.terminate();};});};
使用例子：
const longRunningFunction =()=>{let result =0;for(let i =0; i <1000; i++){for(let j =0; j <700; j++){for(let k =0; k <300; k++){result = result + i + j + k;}}}return result;};runAsync(longRunningFunction).then(console.log);// 209685000000runAsync(()=>10**3).then(console.log);// 1000
值得注意的是，由於函式執行的環境不同，所有變數和函式都需要在裡面定義。
使用外部變數的話，會出現問題：
let outsideVariable =50;runAsync(()=>typeof outsideVariable).then(console.log);// 'undefined'
同時執行 Promise
如果想要一次性地幾千個請求的話，使用 Promise.all() 方法就可以達到並發的效果了。
使用方法
const test = time =>newPromise(resolve =>{setTimeout(()=> resolve(time), time);});const temp =[test(1000), test(2000), test(3000)];Promise.all(temp).then(console.log);// [1000, 2000, 3000]
runPromisesInSeries
如果你想要一個個串聯，執行一系列的 Promise的話，可以使用 Array.prototype.reduce() 來製造一個 Promise 的鏈。當下個 Promise resolved， 返回上一個 Promise。
const runPromisesInSeries = ps => ps.reduce((p,next)=> p.then(next),Promise.resolve());
使用方法
const delay = time =>newPromise(resolve =>{console.log(time);setTimeout(resolve, time);});const promiseSeries =[()=> delay(1000),()=> delay(2000)];runPromisesInSeries(promiseSeries);
sleep
簡單來說，就是讓函式等若干秒，然後再執行下一步。
const sleep = ms =>newPromise(resolve => setTimeout(resolve, ms));
使用方法
async function sleepyWork(){console.log("等一秒");await sleep(1000);console.log('一秒過去了');}
isPromiseLike
我們可以簡單容易地判斷一個目標是否類似 Promise。
我們可以使用判斷物件是否為 null，而且 typeof 的返回值是 object 或者 function，而且它擁有 .then 的屬性。
const isPromiseLike = obj =>obj !==null&&(typeof obj ==='object'||typeof obj ==='function')&&typeof obj.then==='function';
使用方法
const promise =newPromise(resolve