async,Await原理最暴力解读

async,Await  其实就是promise的封装,使用编译技术自动将async,Await转化为promise,为了更好的理解async,Await是什么?我们使用转换工具来分析
 async/await转换工具安装
 $ sudo npm install babel-plugin-async-to-promises -g
 $ babel --plugins async-to-promises async_test.js

function getConstant() {
return 1
}

async function getAsyncConstant() {
return 1
}

async function getPromise() {
return new Promise((resolved, rejected)=> {
resolved(1)
});
}

async function test() {
a = 2
c = 1
await getConstant();
d = 3
await getPromise();
d = 4
await getAsyncConstant();
return 2
}
 

function getConstant() {
return 1;
}

function getAsyncConstant() {
return Promise.resolve().then(function () {
return 1;
});
}

function getPromise() {
return Promise.resolve().then(function () {
return new Promise((resolved, rejected) => {
resolved(1);
});
});
}

function test() {
return Promise.resolve().then(function () {
a = 2;
c = 1;
return getConstant();
}).then(function () {
d = 3;
return getPromise();
}).then(function () {
d = 4;
return getAsyncConstant();
}).then(function () {
return 2;
});
}
 

 

所有带async function 的都会主动生成Promise, await会主动生成then


原文:https://blog.csdn.net/itleaks/article/details/79936385 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值