javascript 使用function*/yield模拟简单模式的async/await

最新推荐文章于 2026-06-25 07:09:08 发布

转载最新推荐文章于 2026-06-25 07:09:08 发布 · 465 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.ruanyifeng.com/blog/2015/05/async.html

收录于

Javascript

当前文章被收录于：

Javascript

47 篇文章 0 人学习

订阅专栏查看详情

手写

当前文章被收录于：

手写

8 篇文章 0 人学习

面试常见的手写代码

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用Generator函数和Promise来模拟async/await的方式。通过定义一个启动器函数来处理由yield生成的Promise对象，并最终实现异步操作的同步化处理。

function* 模拟 async
yield 模拟 await
简单模式：yield 后边只能跟着 promise，且不进行异常处理

function asyncFunc(){
	function run(_genFunc){
		/*
		 * 启动器
		 * @param {Generator Function} _genFunc: 生成器函数
		 */
		return new Promise(resolve=>{
			let gen = _genFunc();
			function next(_data){
				let result = gen.next(_data);
				if(result.done) resolve(result.value);
				else result.value.then(next);
			}
			next();
		})
	}
	return run(function *(){
		// 在这里就可以用yield模拟await了
		// 示例-start
		let r1 = yield new Promise(resolve=>{
			setTimeout(()=>{
				resolve(1);
			}, 1000)
		})
		console.log(r1);
		let r2 = yield new Promise(resolve=>{
			setTimeout(()=>{
				resolve(2);
			}, 1000)
		})
		console.log(r2)
		return 3;
		// 示例-end
	})
}
asyncFunc().then((_data)=>{
	setTimeout(()=>{
		console.log(_data)
	}, 1000)
})