深入理解js generator数据类型
2016-08-16 09:21
716 查看
1. 概述
generator 是ES6引入的新的数据类型, 看上去像一个函数,除了使用return返回, yield可以返回多次。
generator 由function* 定义, (注意*号),
2. 例子
函数无法保存状态, 有时需要全局变量来保存数字;
2.1
'use strict'; function next_id(){ var id = 1; while(id<100){ yield id; id++; } return id; } // 测试: var x, pass = true, g = next_id(); for (x = 1; x < 100; x ++) { if (g.next().value !== x) { pass = false; alert('测试失败!'); break; } } if (pass) { alert('测试通过!'); }
2.2 一个无限循环的迭代器
function* idMaker(){ var index = 0; while(true) yield index++; } var gen = idMaker(); // "Generator { }" console.log(gen.next().value); // 0 console.log(gen.next().value); // 1 console.log(gen.next().value); // 2
2.3Generator.prototype.next()
当迭代结束时, Generator.next().done ===true, 结束之前 ===false
function* gen() { yield 1; yield 2; yield 3; } var g = gen(); // "Generator { }" g.next(); // "Object { value: 1, done: false }" g.next(); // "Object { value: 2, done: false }" g.next(); // "Object { value: 3, done: false }" g.next(); // "Object { value: undefined, done: true }"
2.4 Generator.prototype.return();
return方法 返回给定的参数值,并结束迭代器
example
function* gen() { yield 1; yield 2; yield 3; } var g = gen(); g.next(); // { value: 1, done: false } g.return("foo"); // { value: "foo", done: true } g.next(); // { value: undefined, done: true }
注意 如果 done的值是true了, 再调用return,返回的值也是undefined
function* gen() {yield 1;} var g = gen(); console.log(g.next());//{ value: 1, done: false } console.log(g.next());//{ value: undefined, done: true } console.log(g.return(1)); //{ value: undefined, done: true }
2.5 Generator.prototype.throw()
thorw()方法, 通过抛出一个异常到迭代器中,来重新获得迭代器的执行;
返回 带有 value和done两个属性的object对象
function* gen() { while(true) { try { yield 42; } catch(e) { console.log("Error caught!"); } } } var g = gen(); var a = g.next(); // { value: 42, done: false } var b = g.throw(new Error("Something went wrong")); // "Error caught!" // { value: 42, done: false } console.log(a); console.log(b.value+"::"+b.done);
以上这篇深入理解js generator数据类型就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 深入理解js generator数据类型
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解sizeof+C语言数据类型+内存补齐
- 惭愧,直到今天才对“数据类型字节对齐”有个深入的了解,对以前读书时学习的知识没有深刻理解啊 C/C++学习 C/C++学习 漫漫人生,澎湃的经历不断促使改变自己,永恒不变的是一颗骄傲的心!
- [李景山php] 深入理解PHP内核[读书笔记]--第三章:变量及数据类型--变量的结构和类型--PHP的哈希实现
- [李景山php] 深入理解PHP内核[读书笔记]--第三章:变量及数据类型--简略
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解Java之数据类型
- 深入理解数据类型、变量属性、内存四区和指针
- [李景山php] 深入理解PHP内核[读书笔记]--第三章:变量及数据类型--变量的结构和类型
- 深入理解PHP内核(九)变量及数据类型-静态变量
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解Java之数据类型
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解C#:从简单的数据类型开始
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- 深入理解C++浮点数(float、double)类型数据比较、相等判断
- [李景山php] 深入理解PHP内核[读书笔记]--第三章:变量及数据类型--变量的结构和类型--HashTable