非同期処理を完全に同期化することはできますか？

Question

次のような非同期的な関数fがあったとします。

const f = new Promise((resolve, reject) => {
  setTimeout(()=> resolve(1), 1000)
})

この関数で解決される値resを用いて、処理g(res), h(res),...を実行したい時、

f.then(res=>{
  g(res);
  h(res);
  ...
})

と書けば良いことは知っていますが、これを

const res = fを使った何らかの式;
g(res);
h(res);

のようにthenの外に出して、fが完全な同期関数であるかのように書くことはできるのでしょうか?

Comments

[hoshi-takanori]

完全な同期関数にすることはできませんが、async/await を使ってあたかも同期関数であるかのように書くことはできます。(一応挙動は違うので、「完全な同期関数であるかのように」という言い方は違和感…。)

Answer 1

async_functionの中でなら書けます

(async ()=>{
  var r=await f;
  console.log(r);
})();

Answer 2

こんな感じです

const f = ()=>new Promise(resolve => {
  setTimeout(()=> resolve(1), 1000);
});
const g = (arg)=>new Promise(resolve => {
  setTimeout(()=> resolve(arg+"2"), 500);
});
const h = (arg)=>new Promise(resolve => {
  setTimeout(()=> resolve(arg+"3"), 300);
});

(async()=>{
  const res=await f();
  console.log(res);
  Promise.all([g(res),h(res)]).then(data=>console.log(data));
})();

Answer 3

非同期処理を完全に同期化することはできますか？

できません

非同期処理を同期化するためには、非同期部分の処理を別スレッドで行い完了待機する必要があります。
これをするためにはマルチスレッドが絶対条件ですが、javascriptはシングルスレッドなので絶対出来ません。