✌
迭代器:是一个对象,帮助我们对某个数据结构进行遍历
迭代器的代码
const friend =['1','2','3']
let index =0
const friendIterator = {
next:function (){
if(index<friend.length){
return { done:false,value:friend[index++]}
}else{
return { done:true,value:undefined}
}
}
}
console.log(friendIterator.next())
可迭代对象: 当这个对象实现@interator 方法,在代码对象中我们可以使用Symbol.iterator
好处: 当一个对象变成可迭代对象时,可以进行某些迭代操作
可迭代对象的代码
const info = {
friend : ['1','2','3'],
[Symbol.iterator]:function (){
let index =0
return {
next:function (){
if(index<friend.length){
return { done:false,value:friend[index++]}
}else{
return { done:true,value:undefined}
}
}
}
}
}
可迭代对象的应用
- 生成器是ES6中新增的一种函数控制、使用的方案,它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行等。
- 平时我们会编写很多的函数,这些函数终止的条件通常是返回值或者发生了异常
生成器函数也是一个函数,但是和普通的函数有一些区别:
生成器代码
function* foo() {
console.log('函数开始执行了')
const value1 = 100
yield value1
const value2 = 200
yield value2
const value3 = 300
yield value3
console.log('函数执行完毕')
}
const generator = foo()
// 执行到第一个并暂停执行
console.log(generator.next())
// 执行到第二个并暂停执行
console.log(generator.next())
// 执行到第三个并暂停执行
console.log(generator.next())
// 执行剩余代码
console.log(generator.next())
生成器传递参数 – next函数
function* foo(initial) {
console.log("函数开始执行~")
const valuel = yield initial + "aaa"
const value2 = yield valuel + "bbb"
const value3 = yield value2 + "ccc"
}
const generator = foo("why")
const result1 = generator.next()
console.log("result1:", result1)
const result2 = generator.next(result1.value)
console.log("result2:",result2)
const result3 = generator.next(result2.value)
console.log("result3:",result3)