ES7的async/await

最新推荐文章于 2025-04-26 11:15:39 发布

徐同保

最新推荐文章于 2025-04-26 11:15:39 发布

阅读量326

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端前端技术分享文章标签： ES7 异步 asyncawait

本文链接：https://blog.youkuaiyun.com/xutongbao/article/details/79011435

web前端同时被 2 个专栏收录

735 篇文章

订阅专栏

前端技术分享

271 篇文章

订阅专栏

<!DOCTYPE html>      
<html lang="en">      
<head>      
    <meta charset="UTF-8">      
    <title>ES7的async/await</title>    
    <style type="text/css">
    </style>     
</head>      
<body>
	<script type="text/javascript">
		// 模拟其他语言中的 sleep，实际上可以是任何异步操作
		const sleep = (timeountMS) => new Promise((resolve) => {
		 setTimeout(resolve, timeountMS);
		});
		 
		(async () => { // 声明即执行的 async 函数表达式
		 for (var i = 0; i < 5; i++) {
		  await sleep(1000);
		  console.log(new Date, i);
		 }
		 
		 await sleep(1000);
		 console.log(new Date, i);
		})();

		var start = async function () {
		    // 在这里使用起来就像同步代码那样直观
		    console.log('start');
		    await sleep(3000);
		    console.log('end');
		};
		start();
	</script>
</body>      
</html>