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,它不能用于普通的回调函数。