Generator函数到底有什么用

你跟我吃醋的样子可爱极了

于 2019-08-22 16:41:38 发布

阅读量847

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： generator 异步 ajax

本文链接：https://blog.csdn.net/weixin_43080554/article/details/100018141

ES6 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了ES6中的Generator函数如何简化异步编程，通过yield和next关键字实现代码的顺序执行，避免了回调地狱，使异步操作更加直观易懂。

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

在了解Generator函数的时候，发现看完Generator函数知道了写法，知道了含义，但是它到底是怎样解决异步的，到底好在哪，灵活在哪，经过好长时间的消化，才算是摸清了点头绪。

再看资料的时候，总会看到这样一句话Generator 函数是 ES6 提供的一种异步编程解决方案，异步编程的解决方案是指在写代码层面上，解决了以往的回调套回调的噩梦，包括promise也一样，还有ES7里的async/await，都是在写的时候对我们理解更友好，说俗了，因为我们习惯了，从上到下写代码，一行代码一行代码的按顺序解析。

那么Generator也一样，什么next，什么yeild给我们了这么多东西我们到底要用来干嘛呢：
看下面代码：

function* generatorText(){
	const result = yield ajax("www.url.com");
	const res = JSON.pase(result).value;
	console.log(res)
}

function ajax(url){
	asyncAjax(url,(res)=>(
		f.next(res)
	))
}
const f = generatorText();
f.next()