anysc与await

anysc

anysc定义的函数返回值一定是一个Promise对象。Promise的语法糖
如果函数内部没有return,则返回Promise.resolve(undefined),
如果有return,但是不是Promise对象,则返回Promise.resolve(a),
如果有return且是Promise对象,则返回这个对象

await

await的运用 await expression
如果expression为 Promise表示为一个Promise
如果不是Promise对象,则表示Promise.resolve(a)

await只能在anysc函数中使用,否则会报错

await必须要等上一个await状态改变才能执行

await并行两种实现方法:

function get() {
  return new Promise(((resolve, reject) => {
    resolve(1)
  }))
}
function set() {
  return new Promise(((resolve, reject) => {
    resolve(1)
  }))
}
async function show() {
  let a = await Promise.all([get(),set()]);
}
async function fn() {
  let a = set();
  let b = get();
  console.log(a,b);
}

async与Promise的区别

Promise的出现解决了传统callback函数导致的“地域回调”问题,但它的语法导致了它向纵向发展行成了一个回调链,遇到复杂的业务场景,这样的语法显然也是不美观的。而async await代码看起来会简洁些,使得异步代码看起来像同步代码,await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖,只有这一句代码执行完,才会执行下一句。

async await与Promise一样,是非阻塞的。

async await是基于Promise实现的,可以说是改良版的Promise,它不能用于普通的回调函数。

猜你喜欢

转载自blog.csdn.net/qq_39225271/article/details/109628251