JS的迭代器Iterator
Iterator的作用有三个:
1.是为了各种数据结构提供一个统一的、简单的访问接口
2.使得数据结构的成员能够按照某种次序排列
3.ES6创造了一种新的遍历命令for-of,Iterator接口主要供for-of循环
一个数据结构只要具有Symbol.iterator属性,就认为是可便利的,Symbol.iterator属性本身是一个函数,就是当前数据结构默认的遍历器生成函数。执行这个函数,就会返回一个遍历器。
原生默认实现了Symbol.iterator接口的数据结构如下:
Array String Set Map arguments对象 NodeList对象
使用for-of遍历对象会报错,因为object默认没有实现iterator接口
let obj = {
name: 'jack',
age: 18,
hobby: ['唱', '跳', 'rapper', '篮球'],
//迭代器
}
for (let item of obj) {
console.log(item) //Uncaught TypeError: obj is not iterable
}
现在为了遍历hobby可以这样:
有人说
不是可以使用for (let item of obj.hobby){}?,这确时可以。但是这样别人使用的时候就可以修改hobby里面的属性了,像react空间就是利用iterator来实现某些功能的遍历
let obj = {
name: 'jack',
age: 18,
hobby: ['唱', '跳', 'rapper', '篮球'],
//迭代器
[Symbol.iterator](){
let index = 0
return {
next:() => {
//使用箭头函数,否则this指向会报错
return {value:this.hobby[index++],done:index === (this.hobby.length+1)? true:false}
}
}
}
}
for (let item of obj) {
console.log(item)
}
//{value:'',done:false}
…解构赋值,默认调用的就是调用iterator接口
…数组展开,默认调用的就是调用iterator接口
这两个的底层实现都是因为实现了iterator接口