在Node.js中使用Javascript Generators详解


Posted in Javascript onMay 05, 2016

Generators是Javascript的一种协同程序( coroutine 简称:协程)风格,是指那些可以在执行时暂停然后又恢复的函数,该函数是在functi配以星号符号形式如function* ,函数内有些特征关键词如yield 和yield*。

function* generatorFn () {

 console.log('look ma I was suspended')

}

var generator = generatorFn() // [1]

setTimeout(function () {

 generator.next() // [2]

}, 2000)

对代码中标注的[1]和[2]解释如下:

1. 这是一个generator以暂停方式开始. 这时没有控制台输出。

2.通过调用其next()方法,这个generator才会执行,运行直至它碰到下一个yield关键词或return,现在我们就有了控制台输出。

再看一个案例:

function *generator() {

 console.log('Start!');

 var i = 0;

 while (true) {

  if (i < 3)

   yield i++;

 }

}
var gen = generator();

以上这段代码类似第一个,只是在generator函数中多了yield关键词,以上这段代码被调用时,不会立即执行,而是暂停待命的状态,因此不会有Start输出。直到其next()调用才执行。

var ret = gen.next();

// Start!

console.log(ret);

// {value: 0, done: false}

上面ret是generator结果. 它有两个属性:

■value, 在generator函数中的yield值,

■done, 这是一个标识表示generator函数是否返回.

继续代码如下:

console.log(gen.next());

// {value: 1, done: false}

console.log(gen.next());

// {value: 2, done: false}

console.log(gen.next());

// {value: undefined, done: true}

generator在同步编程中没有什么玄机,特别适合在异步编程中。

generator有两个特点:

1.能选择跳出一个函数,让外部代码决定什么时候再跳回这个函数继续执行。
2.能够进行异步控制。

看下面异步执行代码:

var gen = generator();

console.log(gen.next().value);

setTimeout(function() {

 console.log(gen.next().value);

 console.log('第一步');

}, 1000);

console.log('第二步');

输出是:

0
第二步
1
第一步

也就是说,不会在setTimeout这里等待计时结束,而是直接继续“第二步”,不会在setTimeout堵塞。

再看另外一段代码:

function* channel () {

 var name = yield 'hello, what is your name?' // [1]

 return 'well hi there ' + name

}

var gen = channel()

console.log(gen.next().value) // hello, what is your name? [2]

console.log(gen.next('billy')) // well hi there billy [3]

在遍历时也可以使用*:

function* iter () {

 for (var i = 0; i < 10; i++) yield i

}

for (var val of iter()) {

 console.log(val) // outputs 1?—?9

}

普遍的误解

既然我可以暂停一个函数执行,那么是不是让它们并行执行呢?不是,因为Javascript是一个单线程,如果你想寻求提升性能,generator并不是你的菜。

比如下面代码分别执行斐波那契数:

function fib (n) {

 var current = 0, next = 1, swap

 for (var i = 0; i < n; i++) {

  swap = current, current = next

  next = swap + next

 }

 return current

}

 

function* fibGen (n) {

 var current = 0, next = 1, swap

 for (var i = 0; i < n; i++) {

  swap = current, current = next

  next = swap + next

  yield current

 }

}

性能结果如下:(越高越好)

results:
regular 1263899
generator 37541

generators闪亮点

Generators 能简化JavaScript中函数的复杂性。

懒赋值

懒赋值虽然可以使用JS的闭包实现,但是使用yield会有很大的简化,通过暂停和恢复,我们能够在我们需要的时候获取数值,比如上面fibGen函数可以在我们需要时拉取新值:

var fibIter = fibGen(20)

var next = fibIter.next()

console.log(next.value)

setTimeout(function () {

 var next = fibIter.next()

 console.log(next.value)

},2000)

当然还使用for循环:依然是懒赋值

for (var n of fibGen(20) {

 console.log(n)

}

无限序列

因为可以懒赋值,那么可能表演一些Haskell招数, 类似infinite sequences. 这里能够yield一个无限序列的数量。

function* fibGen () {

 var current = 0, next = 1, swap

 while (true) {

  swap = current, current = next

  next = swap + next

  yield current

 }

}

我们看看一个斐波那契数流的懒赋值,要求它返回5000以后的第一个斐波那契数:

for (var num of fibGen()) {

 if (num > 5000) break

}

console.log(num) // 6765

异步流程控制

使用generators实现异步流程控制,最常见是各种 promise库包,那么它是如何工作呢?

在Node领域,每个事情都是和回调有关,这是我们的低层次异步功能,我们可以使用generators 建立一个通讯通道,从而使用同步编程的风格编写异步代码。

run(function* () {

 console.log("Starting")

 var file = yield readFile("./async.js") // [1]

 console.log(file.toString())

})

注释1表示程序会在等待async.js返回结果以后再继续。

genify是一个将generators带入平常编程环境的框架,使用如下:

npm install genify 进行安装,代码如下:

var Q = require('q');

var fs = require('fs');

var genify = require('genify');

 

// wrap your object into genify function

var object = genify({

 concatFiles: function * (file1, file2, outFile) {

  file1 = yield Q.nfcall(fs.readFile, file1);

  file2 = yield Q.nfcall(fs.readFile, file2);

  var concated = file1 + file2;

 

  yield Q.nfcall(fs.writeFile, outFile, concated);

 

  return concated;

 }

});

 

// concatFiles是一个generator函数,它使用generator强大能力。

object.concatFiles('./somefile1.txt', './somefile2.txt', './concated.txt').then(function (res) {

 // do something with result

}, function (err) {

 // do something with error

});

以上这篇在Node.js中使用Javascript Generators详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery ajax abort()的使用方法
Oct 28 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
Jan 02 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
ES2020 新特性(种草)
Jan 12 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 #Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 #Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 #Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 #Javascript
深入理解js promise chain
May 05 #Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 #Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
May 05 #Javascript
You might like
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
js 与或运算符 || &amp;&amp; 妙用
2009/12/09 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
2013/09/24 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
JavaScript防止全局变量污染的方法总结
2018/08/02 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
Python的Bottle框架中返回静态文件和JSON对象的方法
2015/04/30 Python
Python检测一个对象是否为字符串类的方法
2015/05/21 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python对于requests的封装方法详解
2019/01/03 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
HTML5去掉输入框type为number时的上下箭头的实现方法
2020/01/03 HTML / CSS
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
行政总经理岗位职责
2013/12/05 职场文书
机关作风建设自查报告
2014/10/22 职场文书
学生自我评语
2015/01/04 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
大学入学感言
2015/08/01 职场文书
python字符串常规操作大全
2021/05/02 Python