手写Generator实现async函数

洋恰儿

于 2022-01-21 17:55:22 发布

阅读量650

点赞数 2

分类专栏： web前端 # es6 文章标签： javascript node.js

本文链接：https://blog.youkuaiyun.com/qq_43488841/article/details/122626528

版权

本文详细介绍了如何手写实现Generator函数以替代async和await，通过三个步骤逐步解析，总结了async函数的核心原理，指出其实现依赖于Promise及其then回调的递归应用。

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

第一步

实现一个手写的genator 函数

/**
			 * 第一步
			 * @description  实现一个手写的genator 函数
			 * */
			// 测试的generator函数
			function* test() {
   
				var a = 1;
				yield a;
				let b = 2;
				return a
			}
			// babel 对 generator code split（草鞋版）
			function splitIterator(fx) {
   
				let code = fx.toString().match(/{(.|\s)*}/g)[0].slice(1, -1);
				// 从代码中提取变量,变量提升
				let variable = code.match(/let(\s*).|var(\s*).|const(\s*).*/g).join(";");
				// 移除主体代码中的变量声明
				let rmCodeVeriable = code.replace(/let|var|const/g, '');
				// 替换yield为return，按照yield切片
				let mainCode = rmCodeVeriable.match(/(.|\s)*?(yield|return).*/g)