JS中Generator的学习小记
Generator的异步实现
整理了一下在学习和使用JS异步过程中的一些知识点。核心是在Generator实例的的回调中调度实例的下一步,同样的思想也能用于其它语言。比如Python中使用Generator实现了协程。C#早期有也这种TheadPool+Generator的异步实现。
什么是Generator
Generator 为生成器的意思,生成器函数的执行可以分段执行,函数在每一次调用后,函数只会执行到下一个位置再跳出函数。
Generator的简单使用
通过在申明方法的时候使用 * 和方法内使用yield
来表明自己的生成器函数身份。而调用生成器函数返回一个生成器。
function * buildGen(){
let r = yield 1;
console.log(`get: ${r}`);
return 2;
}
const gen = buildGen();
//gen 就是一个Generator,可以通过next 函数不断向下调用;
var next = gen.next();
console.log(next);
//{done:false,value:1}
next = gen.next("hello");
//get: hello
console.log(next);
//{done:true,value:2}
如上所示,调用buildGen
后并没有立即执行,需要通过next
函数才能工作,调用next()
后返回一个显示当前完成状态和返回值的对象。
我们也可以通过向next
函数传递参数,完成向生成器传递信息。
Generator实现异步
通过Generator可以将JS的多重回调写法,变成同步写法。使异步使用更加易于理解。
function * buildGen(){
yield timeOutLogAsync(1000);
yield timeOutLogAsync(2000);
//yield readFileAsync('./test.txt');
}
function timeOutLogAsync(millseconds){
return (callback)=>{
setTimeout(callback,millseconds);
}
}
const gen = buildGen();
gen.next().value(()=>{
console.log(`first setTimeout is called`);
gen.next().value(()=>{
console.log(`sencond setTimeout is called`);
//gen.next();
});
});
以上代码还有一个问题,就是在需要手动执行next
的来执行下一步,并且嵌套回调的结构也不利于阅读。不过可以通过引入自运行函数来解决这个问题。
function run(generator){
const gen = generator();
//内部实现了一个逆归调用
function next(err,value){
if(err){
throw err;
}
let handler = gen.next(value);
if(handler.done){
return;
}
handler.value(next);
}
next();
}
run(buildGen);
Thunk函数
在 JavaScript 语言中,Thunk 函数替换的不是表达式,而是多参数函数,将其替换成单参数的版本,且只接受回调函数作为参数。
//正常函数
fs.readFile(fileName,callback);
const readFileThunk = function(fileName){
return (callback)=>{
fs.readFile(fileName,callback);
}
}
//thunk函数
readFileThunk(fileName)(callback);
thunkify 模块
thunkify模块提供了封装好的Thunk函数转换器。
npm install thunkify
使用如下
const thunkify = require("thunkify");
const fs = require("fs");
const readFileThunk = thunkify(fs.readFile);
readFileThunk('./test.txt')(function(err,value){
//...
});
源码见github
根据源码,thunkify 只能针对如fs.readFile(...args[],callback)
这样将callback作为最后一个参数的标准函数,如果想要使用像setTimeout(callback,time)
这样的函数,则需要我们做一个转换,如:
const executeTimeout = (time,callback) => setTimeout(callback,time);
const executeTimeoutThunk = thunkify(executeTimeout);
executeTimeoutThunk(1000)(function(){
console.log(new Date()) ;
});
co 模块
co模块是个流程管理模块。基于ES6的Generator和yield,能让我们用同步的形式编写异步代码。提供了上文中的run
函数的作用。
npm install co
co(function*(){
var file1 = yield readFileThunk('./test.txt',{encoding:'utf8'});
console.log(file1);
var file2 = yield readFileThunk('./test2.txt',{encoding:'utf8'});
console.log(file2);
});
JS中Generator的学习小记的更多相关文章
- JS中childNodes深入学习
原文:JS中childNodes深入学习 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <ti ...
- js中关于prototype学习(2015年1月5号晚)
prototype在js中为原型,只要是对象都有原型,最高原型为Object. 函数作为一特殊的对象,下面探讨prototype(原型)和function(函数)之间的关系. function A ( ...
- js中this指向学习总结
在面向对象的语言中(例如Java,C#等),this 含义是明确且具体的,即指向当前对象.一般在编译期绑定. 然而js中this 是在运行期进行绑定的,这是js中this 关键字具备多重含义的本质 ...
- Js中Array数组学习总结
第一次写博客...有点方... 小白一枚(是真的小白),自学前端,下面来说说我在学习过程中总结的一些数组操作,如果说哪有错误,请各位大神多多指出,小的虚心接受. 引用类型分为Object类型(所谓的对 ...
- js 中的yield
yield是什么 yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者.它可以被认为是一个基于生成器的版本的return关键字. yield关键字实 ...
- js 正则学习小记之匹配字符串
原文:js 正则学习小记之匹配字符串 今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享. 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配.(因为我想学完之后写个语法高 ...
- js 正则学习小记之匹配字符串优化篇
原文:js 正则学习小记之匹配字符串优化篇 昨天在<js 正则学习小记之匹配字符串>谈到 个字符,除了第一个 个,只有 个转义( 个字符),所以 次,只有 次成功.这 次匹配失败,需要回溯 ...
- js 正则学习小记之匹配字符串字面量优化篇
昨天在<js 正则学习小记之匹配字符串字面量>谈到 个字符,除了第一个 个,只有 个转义( 个字符),所以 次,只有 次成功.这 次匹配失败,需要回溯后用 [^"] 才能匹配成功 ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
随机推荐
- houdini 鱼眼相机
http://mattebb.com/weblog/houdini-fisheye-camera/ 这个网站是有提供一个相机shader的,,如图是方形的,国内的用户,比较多是做球幕的小伙伴,圆形就行 ...
- java43
自定义日期格式 import java.text.DateFormat; import java.text.ParseException; import java.util.Date; public ...
- 排序--HeapSort 堆排序
堆 排 序 堆排序.就是通过堆结构来排序.可以看之前写的http://www.cnblogs.com/robsann/p/7521812.html .关于堆的结构 堆排序先要使结构堆有序.所以要先使所 ...
- 无需付费,教你IDEA社区版中开发Web项目(SpringBoot\Tomcat)
1.IDEA 版本介绍 最近有小伙伴私信我说 IDEA 破解怎么总是失效?难道就没有使用长一点的吗... 咳咳,除了给我留言「激活码」外,或许社区版可能完全满足你的需求. 相信有挺多小伙伴可能不清楚或 ...
- 老猿学5G:融合计费基于流计费的触发器Triggers
☞ ░ 前往老猿Python博文目录 ░ 一.概述 每个触发条件都是一个可计费事件.SMF中的功能体CTF在用户上网时达到一定条件就会向CHF上报流量,而CTF什么时候触发流量上报是由CTF中的触发器 ...
- 第12.4节 Python伪随机数数生成器random模块导览
random模块实现了各种分布的伪随机数生成器,常用功能包括: random.seed(a=None, version=2):初始化随机数生成器,如果 a 被省略或为 None ,则使用当前系统时间. ...
- PyQt(Python+Qt)学习随笔:Qt Designer中主窗口对象documentMode属性
documentMode属性表示当前主窗口是否启用文档模式,如果是则主窗口的选项卡部件会以适合操作文档的模式呈现,这类似于macOS上的文档模式. 设置此属性时,界面上不会呈现选项卡部件框架.此模式当 ...
- PyQt(Python+Qt)学习随笔:部件拉伸策略sizePolicy优先级
部件的尺寸调整策略或拉伸策略sizePolicy有7个值,如果同一个布局中的不同部件设置了不同的拉伸策略策略,在整个布局空间拉伸时,它们会怎么进行拉伸处理呢? 在未设置拉伸因子的情况下,Qt中这些拉伸 ...
- PyQt(Python+Qt)帮助文档官网及文档下载
一.帮助文档下载 老猿在网上找到一个Qt 5.9的帮助文档,没有找到最新版的,并且这个文档官网上没有下载,不知道源头在哪里可以下载. 文档存放在百度网盘: 链接:https://pan.baidu.c ...
- C++中对一个布尔类型的变量按位取反结果不变
C++中对一个bool类型的变量按位取反是无效的.例如: bool a = true; bool b = ~a; // b的值还是true