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

相关推荐
zhuyixiangyyds5 小时前
day21和day22学习Pandas库
笔记·学习·pandas
每次的天空5 小时前
Android学习总结之算法篇四(字符串)
android·学习·算法
背影疾风6 小时前
C++学习之路:指针基础
c++·学习
苏克贝塔7 小时前
CMake学习--Window下VSCode 中 CMake C++ 代码调试操作方法
c++·vscode·学习
odoo中国8 小时前
深度学习 Deep Learning 第15章 表示学习
人工智能·深度学习·学习·表示学习
电星托马斯8 小时前
C++中顺序容器vector、list和deque的使用方法
linux·c语言·c++·windows·笔记·学习·程序人生
清晨朝暮8 小时前
【算法学习计划】贪心算法(下)
学习
yanxy51210 小时前
【TS学习】(18)分发逆变推断
前端·学习·typescript
Hellyc10 小时前
SpringMVC响应数据:页面跳转与回写数据
java·前端·学习
Qian_ShouYi10 小时前
MATLAB 代码学习
学习·算法·matlab