Async Await 和 Promises - 如何改进语法

Question

如何创建语法糖来隐藏 .then 的一些复杂性？

给定下面的代码：

const Fridge = {
  async openDoor() {
    const myCake = new Promise(resolve => {setTimeout(()=> {
      console.log('door opened')
      resolve (Object.create(Cake))
    }, 2000)});
    await myCake
    return myCake
  }
}

const Cake= {
  eatCake(){ console.log ( 'yummy now I can eat my cake' ) }
}

const myFridge = Object.create(Fridge)

通常通过详细访问：

myFridge.openDoor().then(myCake=>{
  myCake.eatCake()
  ... other code here .....
}) // complicated

是否可以创建一些糖来代替：

myFridge.openDoor().eatCake()  //simple to understand .then implied

或者更进一步，而不是：

myObject.myPromise.then(res=>{
   let x = res
   ... do stuff with x
});

相当

let x = myObject.myPromise.res
... so stuff with x

从异步函数返回的任何内容都应该用于后续调用。并且假定所有后续代码都在 .then 中。 .then 的关闭由封闭函数的结尾决定（类似于 await 当前的工作方式）。

Answer 1

你可以在myFridge.openDoor()前面用括号括起来的await调用形成一个表达式，然后链接.eatCake()来调用从.openDoor()返回的对象的方法

(async() => {
  (await myFridge.openDoor()).eatCake()
})()

Answer 2

有一种语法叫做try()catch() 在结合async await

示例：

async function someAsyncFunction () {
   try {
      const asyncValue = await asyncCall() //Promise
      console.log(asyncValue) // this will log only when asyncCall resolved
    }catch(error) {
     throw error
   }
  }

而不是使用 Promise 并链接 then() 并对其进行回调。

你做await asyncCall() 并且在此之下你可以继续编写更多具有解析值的代码 而不是用回调链接更多函数

很难解释和理解 1 英尺所以这里有一些 resource for async await

Answer 3

这是一个提供语法糖的解决方案，可用于隐藏 await 和 .then 的复杂性：

const promiseNodeH = {
  get(target, prop) {
    if (prop in target || typeof prop !== 'string') return target[prop]
    return function() {
      const x = arguments
      const p3 = new Promise(resolve => {
        target.then(value => {
          resolve(value[prop](...x))
        })
      })
      return new Proxy(p3, Object.create(promiseNodeH))
    }
  }
}

const Cake = {
  eatCake(msg) {
    console.log(`starting to eat cake: ${msg}!`)
    const self = this
    return new Promise(resolve => {
      setTimeout(function() {
        console.log('cake eaten')
        resolve(self)
      }, 5000)
    })
  },
  getFat() {
    console.log('burp')
  }
}

const Fridge = {
  openDoor() {
    console.log('start to open door')
    const p1 = new Promise(resolve => {
      setTimeout(function() {
        console.log('door is open, here is your cake')
        resolve(Object.create(Cake))
      }, 5000)
    })
    return new Proxy(p1, Object.create(promiseNodeH))
  }
}

可以通过以下方式访问：

Fridge.openDoor().eatCake('Yummy').getFat()