Promise（async、await）简单学习
2019-04-08 本文已影响0人
朋_朋
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<p>这是一个压缩的测试数据</p>
<body>
<script type="text/javascript">
function promise1(){
var p = new Promise((resolve, reject) => {
setTimeout(()=>{
console.log('----------------');
resolve('这是第一个promise');
}, 3000)
})
return p;
}
function promise2(){
var p = new Promise((resolve, reject) => {
setTimeout(()=>{
console.log('=============')
resolve('这是第二个promise')
}, 2000)
})
return p;
}
// promise all函数,当两个promise函数都执行完毕之后才会执行后续代码
Promise.all([promise1(), promise2()]).then(()=>{
console.log('代码执行完毕');
})
// async 和 await 联合使用
testAsync();
async function testAsync(){
//等待promise2执行
await promise2();
//promise2执行完毕之后开始执行promise1函数
var a = await promise1();
console.log(a)
}
</script>
</body>
</html>
