JS的迭代器Iterator

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接口

你可能感兴趣的:(JS面试,javascript,开发语言,ecmascript)