es6·await/async案例笔记

最新推荐文章于 2024-06-15 11:56:23 发布

slongzhang_

最新推荐文章于 2024-06-15 11:56:23 发布

阅读量282

点赞数

文章标签： es6 笔记 javascript

本文链接：https://blog.csdn.net/qq_35606400/article/details/132548586

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>await/async案例笔记</title>
</head>
<body>
	
<script type="text/javascript">
function delayGetTime() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(Date.now())
        }, 2000)
    })
}

async function syncTest() {
	let result = [];
    result.push(await delayGetTime())
    result.push(await delayGetTime())
    return result
}

(async () => {
	console.log(1)
	console.log(await syncTest());
	console.log(2)
	// 没有await堵塞又按主线程控制先同步后异步，先宏任务后微任务
	delayGetTime().then(t => console.log(t));
	console.log(3)
})();
</script>
</body>
</html>