爱是天时地利的迷信---《原来你也在这里》
接上篇Iterator 、Generator
speak is cheap ~
调用Generator函数,返回一个遍历器对象,代表Generator函数的内部指针。以后,每次调用遍历器对象的next方法,就会返回一个有着value和done表达式的值;done属性是布尔值,表示是否遍历结束。
yield表达式
Generator函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实是提供了一种可以暂停执行的函数。yield表达式就是暂停标志。
next方法的运行逻辑:
1. 遇到yield表达式,就暂停执行后面的操作,yield后边的表达式,作为返回的对象的value属性值。
2. 下次调用next方法,再继续往下执行,直到遇到下一个yield表达式
3. 如果没有遇到yield表达式,就一直运行到函数结束,直到return为止,并将return语句后面的表达式的值作为返回对象的value属性
4. 若函数没有return语句,则返回对象的value属性为undefined
yield表达式后边的表达式,只要当调用next方法、内部指针指向该语句时才会执行,相当于js提供了手动的“惰性求值”语法。
function* fen(){
yield 123 + 456;
}
yield后面的表达式不会立即求值,只会在next方法将指针移到这一句时,才会求值。
yield表达式相当于有记忆功能,记得上一次执行的位置。正常函数只能返回一个值,但是Generator函数可以返回一系列值,因为可以有任意多个yield(generator生成器的意思)。
function* f(){
console.log("执行了!")
}
var generator = f();
setTimeput(function(){
generator.next();
},2000);
若f是一个普通函数,在给generator赋值时就会执行。但是,它是一个generator函数,只有调用next方法时,f才会执行。
yield只有用在Generator函数里面,用在其他地方都会报错。
与Iterator接口的关系
任意一个对象的Symbol.iterator方法,等于该对象的遍历器生成函数,调用该函数会返回该对象的一个遍历器对象。
Generator函数就是遍历器生成函数,因此可以把Generator赋值给对象的Symbol.iterator属性,从而使得该对象具有Iterator接口。
var myIterable = {};
myIterable[symbol.iterator]= function* (){
yield 1;
yield 2;
yield 3;
}
[...myIterable] // [1,2,3]
Generator函数执行后,返回一个遍历器对象。该对象本身也具有Symbol.iterator属性,执行后返回自身。
function* gen(){
// ...
}
var g = gen();
g[Symbol.iterator]() === g;
// true
for... of 循环
for...of循环可以自动遍历Generator函数运行时生成的Iterator对象,且此时不再需要调用next方法。
function* foo(){
yield 1;
yield 2;
yield 3;
return 4;
}
for(let v of foo){
console.log(v)
}
// 1 2 3
一旦next方法返回对象的done属性为true,for...of循环就会中止,且不包含该返回对象。
Generator的应用:
异步操作的同步化表达
function* main(){
var result = yield request("http://some.url");
var res = JSON.parse(result);
console.log(res);
}
function request(url){
makeAjax(url,function(res){
it.next(res)
})
}
var it = main();
it.next();
愿我们有能力不向生活缴械投降---Lin