[JavaScript] async/await非対応（callback関数型）の古いライブラリをasync/awaitが使えるようにする

2020/8/25 javascript

　古めのライブラリを使わざるをえない状況になったとき、そのライブラリがPromiseを返さないcallback関数型のインターフェースであることがよくあります。

　そんなときは、async関数でwrapすることで、await修飾子が使えるようにしてしまいましょう。

callback関数型とは

　こんなやつです。

function delay(millisec, callback){
  setTimeout(callback, millisec);
}

delay(3000, ()=>{
  console.log("delayed!");
});

　本当はこう書きたいですよね。

await delay(3000);
console.log("delayed!");

PromiseでWrapする

function delay(millisec, callback){
  setTimeout(callback, millisec);
}

function wrappedDelay(millisec){
  return new Promise(resolve=>{
    delay(millisec, ()=>{
      resolve();
    });
  });
}

async function callDelay(){
  await wrappedDelay(3000);
  console.log("delayed!");
}

callDelay();

　簡単ですね。