Await Async 处理串行

Fade Away

于 2019-12-15 20:43:34 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

原文链接：https://segmentfault.com/a/1190000016788484#item-3

JS 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了异步编程的概念，展示了如何使用JavaScript中的Promise来处理延时操作，通过具体的代码示例，深入解析了Promise的工作原理及其在实际编程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
	<script type="text/javascript">
		const setDelay = (millisecond) => {
			return new Promise((resolve, reject) => {
				if (typeof millisecond != 'number') reject(new Error('参数必须是number类型'));
				setTimeout(() => {
					resolve(`我延迟了${millisecond}毫秒后输出的`)
				}, millisecond)
			})
		}
        
		//返回的只是一个函数  并不是函数的执行
		function timeout(millisecond) {
			return () => {
				return setDelay(millisecond);
			}
		}
		(async () => {
			arr = [timeout(2000), timeout(1000), timeout(1000)]
			for (var i = 0; i < arr.length; i++) {
				result = await arr[i]();
				console.log(result);
			}
		})()
	</script>
</html>