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()抛出的错误不会在函数内部被捕获,因为这相当于在函数块外部抛出了错误。

相关推荐
球求了14 分钟前
C++:继承机制详解
开发语言·c++·学习
时光追逐者1 小时前
MongoDB从入门到实战之MongoDB快速入门(附带学习路线图)
数据库·学习·mongodb
一弓虽1 小时前
SpringBoot 学习
java·spring boot·后端·学习
genggeng不会代码2 小时前
用于协同显著目标检测的小组协作学习 2021 GCoNet(总结)
学习
搞机小能手3 小时前
六个能够白嫖学习资料的网站
笔记·学习·分类
The_cute_cat5 小时前
25.4.22学习总结
学习
冰茶_6 小时前
.NET MAUI 发展历程:从 Xamarin 到现代跨平台应用开发框架
学习·microsoft·微软·c#·.net·xamarin
帅云毅6 小时前
Web3.0的认知补充(去中心化)
笔记·学习·web3·去中心化·区块链
豆豆6 小时前
day32 学习笔记
图像处理·笔记·opencv·学习·计算机视觉
nenchoumi31196 小时前
VLA 论文精读(十六)FP3: A 3D Foundation Policy for Robotic Manipulation
论文阅读·人工智能·笔记·学习·vln