今天在学习redux-saga时,外部链接推荐了这篇文章ES6 generators in depth,所以翻译的同时也可以加深一下对Generator的理解. 这里对原文一些只能在高版本现代浏览器使用的API进行了替换. 1. 概述 Generator有两个很重要的应用: 实现迭代器 在异步调用后阻塞 1.1 借助generator实现迭代器 下面的函数将返回一个可以遍历一个对象属性的迭代器,每个属性对应一个[key, value]对: function* objectEntries(obj)…

ES6 Generators系列: ES6 Generators基本概念 深入研究ES6 Generators ES6 Generators的异步应用 ES6 Generators并发 如果你已经读过这个系列的前三篇文章,那么你肯定对ES6 generators非常了解了.希望你能从中有所收获并让generator发挥它真正的作用.最后我们要探讨的这个主题可能会让你血脉喷张,让你绞尽脑汁(说实话,写这篇文章让我很费脑子).花点时间看下文章中的这些例子,相信对你还是很有帮助的.在学习上的投资会让你…

ES6 Generators系列: ES6 Generators基本概念 深入研究ES6 Generators ES6 Generators的异步应用 ES6 Generators并发 通过前面两篇文章,我们已经对ES6 generators有了一些初步的了解,是时候来看看如何在实际应用中发挥它的作用了. Generators最主要的特点就是单线程执行,同步风格的代码编写,同时又允许你将代码的异步特性隐藏在程序的实现细节中.这使得我们可以用非常自然的方式来表达程序或代码的流程,而不用同时还要兼顾…

ES6 Generators系列: ES6 Generators基本概念 深入研究ES6 Generators ES6 Generators的异步应用 ES6 Generators并发 如果你还不知道什么是ES6 generators,请看我的前一篇文章“ES6 Generators基本概念” .如果你已经对它有所了解,本文将带你深入了解ES6 generators的一些细节. 错误处理 ES6 generators设计中最牛逼的部分之一就是generator函数内部的代码是同步的,即使在gen…

ES6 Generators系列: ES6 Generators基本概念 深入研究ES6 Generators ES6 Generators的异步应用 ES6 Generators并发 在JavaScript ES6提供的诸多令人兴奋的新特性中,有一个新函数类型,叫generator.名字听起来很怪(我们姑且将它称之为生成器函数),而且行为更加让人觉得怪异.本文旨在解释generator函数的一些基本知识,用来说明它是如何工作的,并帮助你了解为什么它会让未来的JS变得如此强大. 运行-完成(Ru…

Iterators & Generators in depth https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators const arr = [11,12,13]; // (3) [11, 12, 13] const itr = arr[Symbol.iterator](); // Array Iterator {} itr.next(); {value: 11, done:…

Example 1: function *topicList(){ yield "ES2015"; yield "Semi-colons: good or bad?"; yield "TypeScript"; } for( let topic of topicList() ){ console.log( topic ); } Example2: let user = { name: "sam", totalReplies: 1…

PS:Promise的用处是异步调用,这个对象使用的时候,call then函数,传一个处理函数进去,处理异步调用后的结果 Promise<Action>这样的对象呢,异步调用后的结果是一个Action,传到处理函数里 async/await的作用是,不需要写then函数了,相当于与自动帮你写,你只需要把异步调用后的结果保存下来就可以了 https://ponyfoo.com/articles/understanding-javascript-async-await http://liubin…

介绍ES6 Generators 什么是Generators(生成器函数)?让我们先来看看一个例子. function* quips(name) { yield "hello " + name + "!"; yield "i hope you are enjoying the blog posts"; if (name.startsWith("X")) { yield "it's cool how your name…

ES6 简要概览 这里是ES6 简要概览.本文大量参考了ES6特性代码仓库,请允许我感谢其作者@Luke Hoban的卓越贡献,也感谢@Axel Rauschmayer所作的[优秀书籍]//exploringjs.com/es6/). 起初当我听说ES6时,我花了很多精力去消化学习其概念和基础知识.我经历了这些,希望你们无需重蹈覆辙.因此我写下了这篇对ES6及其新特性的简要介绍,所有知识点都解释得通俗易懂,简明扼要,对于像我这样的新人非常友好. 简介 ES6,也称作ECMAScript 2015…