Generator & Co
Generator
如果没有babel等环境也可以在线体验
可以在http://www.es6fiddle.net/ OR https://babeljs.io/repl/ 在线编译ES6
Generator 函数是协程在 ES6 的实现,最大特点就是可以交出函数的执行权(即暂停执行)。
带有星星的函数就是Generator
function* gen(x){....}
generator的关键字是yield和next yield关键字只能在带有星星的函数中使用
yield x+2; //yield的意思是产出 这里表示生产 x+2 这个值
而调用g.next() 则会一直执行到yield函数之前(也包括yield语句)或者说函数执行将会在yield 这句话这里卡住, 直到有个next()调用
来个最简单的例子
function* gen(){
yield 1;
yield 2;
}
var g0 = gen();
console.log(g0.next()); //{"value":1,"done":false} 返回的是一个对象 包括yield后面的结果 以及这个函数是否执行完毕
console.log(g0.next());
console.log(g0.next());
//执行结果
// {"value":1,"done":false}
// {"value":2,"done":false}
// {"done":true}
再来个复杂一点的, 深刻理解一下yield的执行过程
var y = 'heheh';
function* gen(x) {
console.log('start');
//因为第一句就是yield 所以函数到这里若没有调用 g.next()是没有执行的
//第一次调用 g.next() 则执完到第一个yield 之前的语句 以及计算需要yield的值
//也就是第一次调用 g.next() 执行了 第一句log('start) 和 yield x+2
y = yield x + 2;
//yield的意思是产出 这里表示生产 x+2 这个值
//看起来好像把 yield产出的值赋值给了y 实际上不是
//y的值是在下一次(也就是第二次调用的时候由 g.next() 传入的)
console.log('2nd');
yield 2333;
//第二次调用 g.next() 执行到第二个yield语句这里
// console.log('3rd');
// return y;
}
var g = gen(1);//此时并没有执行
console.log(g.next());
console.log('y is '+ y); //y仍是最初始的值
//输出
//start
// { value: 3, done: false }
//g.next().value 的结果是 yield后的值
console.log(g.next('haYYY')); // {"value":2333,"done":false}
console.log('y is '+ y); // y is haYYY
//第三次调用 整个函数执行完毕
console.log(g.next());
//输出的结果包括
//3rd
//{"value":"haYYY","done":true} //第三次调用next() 其value就是*函数的返回值(因为已经木有yield语句了)
console.log('g is ',g); //{}
g = gen(1) 实际上这个函数没有执行
直到g.next()的时候才真正执行
我传入的x是2 所以这里yield x+2 实际上是 yield 3;
然后暂停了
第一个next 开始执行 语句一行一行的执行直到遇到一个yield停止
所以第一个得到yield 的结果 { value: 3, done: false }
那么y呢 y的值是 3 吗?
不是的 y的值是下一个next传入的值
刚才说到了第一个next就执行到 yield 3 这里
后来又 g.next('y') 这里传入了一个参数 'y'
这个字符串就是 yield x+1 这个表达式的返回值
第n个 next的参数 就是 第 n-1 个 yield的返回值
所以如果你在第一个next() 就传值的话 是没有意义的
PS 一个generator对象有n句 yield 总需要n+1句next() 才能走完整个流程
如何用Generator来实现异步呢
实际上就是把异步的函数放在 yield 关键字之后
yield后面可以接的对象有 function, promise, generator, array, object
另外需要借助co的支持
搬运https://cnodejs.org/topic/542953d42ca9451e1bf3c251
那么就可以像同步操作那样的写法来写异步函数
co(...) 使用时应向co传入一个generator对象
var co = require('co');
co(function* (){
var now = Date.now();
yield delay800;
console.log(Date.now() - now);
});
function delay800(cb) {
setTimeout(cb, 800);
}
这个例子的感受可能不明显 有了co和generator, 数据查询甚至可以变成这样
co(function *(){
var rs = yield db.query('select url from xxx');
rs.forEach(rs){
var content = yield getUrl(rs.url);
...
}
})();
co的原理
co的作用是可以使异步的函数放在 yield关键字之后 然后整个异步流程的代码写法可以像同步函数一样
并不是实现了一个generator
观察使用co的代码 co接受一个参数 该参数是一个generator函数
co(generator){ ... }
再看一般generator的调用 在一个generator函数执行后返回一个对象g 通过g.next()不断调用下一个函数
所以co要做的事情 就是接受generator 并且通过每一次next()的返回值判断是否执行完毕来看是否需要继续调用 g.next()
下面是co最简单的实现
co(function* (){
var now = Date.now();
yield delay800; //yield后面应该接一个函数对象
yield delay500;
console.log(Date.now() - now);
});
function delay800(callRecurence) {
setTimeout(callRecurence, 800);
}
function delay500(callRecurence){
setTimeout(function(){
//some async ...
callRecurence();
},500)
};
function co(generator) {
var gen = generator();
function next(err, result) {
if(err){
return fn(err);
}
var step = gen.next(result); //{value: fn , done: false}
if (!step.done) {//没有执行完毕 继续next
//执行异步函数 step.value 就是yield后的异步函数
//next 就是当前next(err,result)函数 通过递归的方式不断调用next达到多次调用 gen.next()
step.value(next);
} else {
// console.log('done!');
}
}
next();
}
Async
Async可以让你像使用同步函数一样来使用异步
await 后面是异步函数 该函数应当返回一个Promise
await只能存在于有async修饰的函数中
async function getAsyncRs(name) {
var symbol = await asyncFun1(name);
console.log(symbol);
var stockPrice = await asyncFun2(symbol);
return stockPrice;
}
getAsyncRs('goog').then(function(result) {
console.log(result);
});
function asyncFun1(name) {
return new Promise(function(resolve) {
setTimeout(function() {
resolve('async1' + name);
}, 500);
});
}
function asyncFun2(name) {
return new Promise(function(resolve) {
setTimeout(function() {
resolve('async222' + name);
}, 1000);
});
}
Generator & Co的更多相关文章
- EasyMesh - A Two-Dimensional Quality Mesh Generator
EasyMesh - A Two-Dimensional Quality Mesh Generator eryar@163.com Abstract. EasyMesh is developed by ...
- 轻量级“集合”迭代器-Generator
Generator是PHP 5.5加入的新语言特性.但是,它似乎并没有被很多PHP开发者广泛采用.因此,在我们了解PHP 7对Generator的改进之前,我们先通过一个简单却显而易见的例子来了解下G ...
- .NET平台开源项目速览(18)C#平台JSON实体类生成器JSON C# Class Generator
去年,我在一篇文章用原始方法解析复杂字符串,json一定要用JsonMapper么?中介绍了简单的JSON解析的问题,那种方法在当时的环境是非常方便的,因为不需要生成实体类,结构很容易解析.但随着业务 ...
- 深入解析js异步编程利器Generator
我们在编写Nodejs程序时,经常会用到回调函数,在一个操作执行完成之后对返回的数据进行处理,我简单的理解它为异步编程. 如果操作很多,那么回调的嵌套就会必不可少,那么如果操作非常多,那么回调的嵌套就 ...
- mybatis Generator生成代码及使用方式
本文原创,转载请注明:http://www.cnblogs.com/fengzheng/p/5889312.html 为什么要有mybatis mybatis 是一个 Java 的 ORM 框架,OR ...
- ABP配套代码生成器(ABP Code Generator)帮助文档,实现快速开发
ABP代码生成器介绍 针对abp这个框架做了一个代码生成器,功能强大.分为两大功能点,一个是数据层,一个是视图层. 数据服务层:通过它,可以实现表设计.领域层初始化.多语言.automapper自动注 ...
- ES6笔记(5)-- Generator生成器函数
系列文章 -- ES6笔记系列 接触过Ajax请求的会遇到过异步调用的问题,为了保证调用顺序的正确性,一般我们会在回调函数中调用,也有用到一些新的解决方案如Promise相关的技术. 在异步编程中,还 ...
- OData Client Code Generator
转发. [Tutorial & Sample] How to use OData Client Code Generator to generate client-side proxy cla ...
- python generator next send
*******oi********oi********oi 上面 * 符号 代表 一系列的代码, oi 代表 一个 [yield]关键字引出的 [数据交换,称之为 oi ] 在一个有[yield] ...
- 使用MyBatis Generator自动创建代码(dao,mapping,poji)
连接的数据库为SQL server2008,所以需要的文件为sqljdbc4.jar 使用的lib库有: 在lib库目录下新建一个src文件夹用来存放生成的文件,然后新建generatorConfig ...
随机推荐
- 关于C#重写,隐藏的一些事
第一次开始写技术博客,不知该从何处下手,本人算是菜鸟一枚,每每看到博客园里面的大牛们分享的技术文章,只能望其项背,高不可攀.但细细想来,若不尝试着从小处从低处慢慢去积累分享,想要成为技术大牛也只能沦为 ...
- C# 对XML基本操作总结
C# 对XML基本操作包括读取节点的数据,添加节点.读取节点属性,修改节点属性等.具体如下: XML文件:文件在MyDocument文件夹下 <?xml version="1.0&qu ...
- HMM模型详解
http://www.cnblogs.com/skyme/p/4651331.html
- ubuntu 开启 rewrite 模块
1.sudo a2enmod rewrite 开启Rewrite模块 (停用模块,使用 a2dismod) 2. 在/etc/apache2/ 修改apache2.conf 文件中把AllowOver ...
- JAVA 8 新特性和改进
Java 8的所有新特性及改进包括(JEP全称为JDK Enhancement Proposal,JDK改进建议): 语言改进: JEP 126:Lambda表达式 & 虚拟扩展方法 JEP ...
- jquery插件的编写
今天尝试了一下自己编写插件.最简单的jquery效果,返回顶部的按钮. 增加多个全局函数 添加多个全局函数,可采用如下定义: Java代码 jQuery.foo = function() { aler ...
- 随学随用的python-note
Python笔记---------------[] 列表解析 >>> [(x,y) for x in range(3) for y in range(5)] [(0, 0), (0, ...
- Elevator
问题陈述: 杭州电子科技大学 HANGZHOU DIANZI UNIVERSITY Online Judge Problem - 1008 问题分析: 简单题. 代码详解: #include < ...
- Linux07--Shell程序设计03 通配符与正则表达式
通配符 通配符可用于代替字符. 通常地,星号“*”匹配0个或以上的字符,问号“?”匹配1个字符. 使用情况: 1.文件和目录 在CP/M.DOS.Microsoft Windows和类Unix操作系统 ...
- listview优化
http://www.2cto.com/kf/201108/99928.html 项目用到ListView,由于要用到ImageView,图片源不是在资源里面的,没法使用资源ID,因此无法直接使用Si ...