迭代器模式在前端的使用场景

一、迭代器模式在Redux源码中的使用

二、迭代器模式在Koa2源码中的使用

场景一、二都是利用迭代器模式,依次调用中间件,从而实现各个框架中的洋葱模型。

三、 迭代器模式在Webpack源码中的使用

简单解释下,实参modulesData是从入口文件出发,通过递归分析得到的,所有依赖文件的集合,其格式如下:

四、迭代器模式在es6中是使用

es6中之所以可以实现数组的扩展运算符以及for..of循环,是因为其内部定义了一个[Symbol.iterator]属性,这个属性的value是一个函数(迭代函数),其大致实现如下:

五、其他

这里只是举几个简单的例子,其实迭代器模式在前端领域还有非常广泛的应用,比如vue-router中各个导航守卫的依次调用、async&await函数的实现等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容