一、ECMAScript-异步编程-Generator
1. Generator的定义
function * generator(){
}
2. Generator的输出yield和执行next
function * foo() {
for(let i = 0; i < 3; i++) {
yield i
}
}
let f = foo();
console.log(f.next())
注意:yield 关键字不能在构造函数中使用,只能在Generator函数中使用。
function * gen(args) {
args.forEach(item => {
yield item + 1
});
}
function * gen(x) {
let y = 2 * (yield(x + 1))
let z = yield(y / 3)
return x + y + z
}
let g = gen(5)
console.log(g.next())
console.log(g.next())
console.log(g.next())
let g = gen(5)
console.log(g.next())
console.log(g.next(15))
console.log(g.next(16))
function * count(x=1) {
while (true) {
if (x % 9 === 0) {
yield x
}
x++
}
}
let n = count()
console.log(n.next().value)
console.log(n.next().value)
console.log(n.next().value)
console.log(n.next().value)
console.log(n.next().value)
3. 发送异步请求
function ajax(url, callBack) {
var xmlhttp
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest()
} else {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP')
}
xmlhttp.open('GET', url, true)
xmlhttp.send()
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
var obj = JSON.parse(xmlhttp.responseText)
callBack(obj)
}
}
}
function request(url) {
ajax(url, res => {
getData.next(res)
})
}
function* gen() {
let res1 = yield request('xxxa')
let res2 = yield request('xxxb')
let res3 = yield request('xxxc')
}
let getData = gen()
getData.next()