JavaScript高级程序设计(第四版)--学习记录之迭代器与生成器(下)

生成器

生成器是 ECMAScript 6 新增的一个极为灵活的结构,拥有在一个函数块内暂停和恢复代码执行的能力。

生成器基础

生成器的形式是一个函数,函数名称前面加一个星号表示它是一个生成器。

javascript 复制代码
//生成器函数声明
function* generatorFn(){}
//生成器函数表达式
let generatorFn = function* () {}
//作为对象字面量方法的生成器函数
let generator = {
* generatorFn() {}
}
//作为类实例方法的生成器函数
class generator {
* generatorFn() {}
}
//最为类静态方法的生成器函数
class generator {
static * generatorFn() {}
}
//箭头函数不能用来定义生成器函数

生成器也具有next()方法,有一个done属性和一个value属性。

函数体为空的生成器函数中间不会停留,调用一次next()就会让生成器到达done:true状态。

javascript 复制代码
function* generatorFn() {} 
let generatorObject = generatorFn(); 
console.log(generatorObject); // generatorFn {<suspended>} 
console.log(generatorObject.next()); // { done: true, value: undefined }

value属性是生成器的返回值,默认为undefined,可以通过生成器函数的返回值指定

javascript 复制代码
function* generatorFn(){ 
return 'foo'; 
} 
let generatorObject = generatorFn(); 
console.log(generatorObject); // generatorFn {<suspended>} 
console.log(generatorObject.next()); // { done: true, value: 'foo' }

生成器的中断与执行

yield关键字可以让生成器停止和开始执行。停止执行的生成器函数只能通过在生成器对象上调用next()方法来恢复执行。

javascript 复制代码
function* generatorFn() { 
 yield; 
} 
let generatorObject = generatorFn(); 
console.log(generatorObject.next()); // { done: false, value: undefined } 
console.log(generatorObject.next()); // { done: true, value: undefined }

yield和return类似,但是yield关键字退出的生成器函数会处在done:false状态,return是true状态。

javascript 复制代码
function* generatorFn() { 
 yield 'foo'; 
 yield 'bar'; 
 return 'baz'; 
} 
let generatorObject = generatorFn(); 
console.log(generatorObject.next()); // { done: false, value: 'foo' } 
console.log(generatorObject.next()); // { done: false, value: 'bar' } 
console.log(generatorObject.next()); // { done: true, value: 'baz' }

throw()和return()方法都可以用于强制生成器进入关闭状态。

javascript 复制代码
function* generatorFn() {} 
const g = generatorFn(); 
console.log(g); // generatorFn {<suspended>} 
console.log(g.next); // f next() { [native code] } 
console.log(g.return); // f return() { [native code] } 
console.log(g.throw); // f throw() { [native code] }

return()方法会强制生成器进入关闭状态。提供给return方法的值就是终止迭代器对象的值

javascript 复制代码
function* generatorFn() { 
 for (const x of [1, 2, 3]) { 
 yield x; 
 } 
} 
const g = generatorFn(); 
console.log(g); // generatorFn {<suspended>} 
console.log(g.return(4)); // { done: true, value: 4 } 
console.log(g); // generatorFn {<closed>}

throw()方法会在暂停的时候将一个提供的错误注入到生成器对象中。如果错误未被处理,生成器就会关闭

javascript 复制代码
function* generatorFn() { 
 for (const x of [1, 2, 3]) { 
 yield x; 
 } 
} 
const g = generatorFn(); 
console.log(g); // generatorFn {<suspended>} 
try { 
 g.throw('foo'); 
} catch (e) { 
 console.log(e); // foo 
} 
console.log(g); // generatorFn {<closed>}

如果生成器函数内部处理了这个错误,那么生成器就不会关闭,还可以恢复执行。错误处理会跳过对应的yield。

javascript 复制代码
function* generatorFn() { 
 for (const x of [1, 2, 3]) { 
 try { 
 yield x; 
 } catch(e) {} 
 } 
}
const g = generatorFn(); 
console.log(g.next()); // { done: false, value: 1} 
g.throw('foo'); 
console.log(g.next()); // { done: false, value: 3}

如果生成器对象还没有开始执行,那么调用 throw()抛出的错误不会在函数内部被捕获,因为这相当于在函数块外部抛出了错误。

相关推荐
落羽的落羽1 小时前
【C++】简单介绍lambda表达式
c++·学习
charlie1145141912 小时前
前端三件套简单学习:HTML篇1
开发语言·前端·学习·html
我命由我123452 小时前
Photoshop - Photoshop 创建图层蒙版
运维·学习·ui·课程设计·设计·ps·美工
我登哥MVP2 小时前
Java 网络编程学习笔记
java·网络·学习
LiuYaoheng2 小时前
【Android】View 的基础知识
android·java·笔记·学习
小苏兮3 小时前
【C++】类与对象(下)
开发语言·c++·学习
一位搞嵌入式的 genius3 小时前
ES6 核心特性详解:从变量声明到函数参数优化
前端·笔记·学习
77qqqiqi4 小时前
学习结构体
c语言·学习
肥肠可耐的西西公主5 小时前
后端(fastAPI)学习笔记(CLASS 1):扩展基础
笔记·学习·fastapi
對玛祷至昏5 小时前
算法学习路径
学习·算法·排序算法