Iterator（es6）

1.任何数据结构只要部署了Iterator接口（本质是一个指针对象），也就是部署了Symbol.iterator属性，便可以完成遍历操作；数组原生就具备Iterator接口，就可以用for...of遍历。由于Iterator只是把接口规格加到数据结构之上，所以，遍历器与它所遍历的那个数据结构，实际上是分开的。

2.Iterator遍历过程：

- 创建一个指针对象，指向当前数据结构的起始位置；

- 调用next方法，可以将指针指向数据结构的第一个成员，返回一个包含value和done属性的对象；

- 继续调用next方法，......以此类推，直到指向结束位置。

//mock iterator

function makeIterator(array) {

  var nextIndex = 0;

  return {

    next: function() {

      return nextIndex < array.length ?

        {value: array[nextIndex++], done: false} :

        {value: undefined, done: true};

    }

  };

}

var arr = makeIterator([1, 2, 3]);

arr.next(); //{value: 1, done: false}

arr.next(); //{value: 2, done: false}

arr.next(); //{value: 3, done: false}

arr.next(); //{value: undefined, done: true}

3.调用Iterator的场合（即会默认调用Symbol.iterator）：

- 解构赋值

- 扩展运算符（...）

- yield*（后面跟一个可遍历的结构）

- 任何接收数组作为参数的场合（for...of等）

4.字符串也具有Iterator接口（typeof str[Symbol.iterator] === 'function'）

5.Symbol.iterator可以用Generator函数实现，只要用yield命令给出每一步的返回值即可。

var obj = {};

obj[Symbol.iterator] = function* () {

    yield 1;

    yield 2;

}

[...obj] // [1, 2]

6.for...of适用于数组、Set、Map、类数组对象（arguments、nodelist）、Generator、字符串。

7.for...in 和 for...of

- 前者只能获取对象的键名，后者可以得到键值；

- 对于数组，前者可以返回数组上的所有属性，后者只能返回具有数字索引的属性；

let arr = ['a', 'b', 'c'];

arr.d = 'hello';

for (let i in arr) {

  console.log(i); // '0', '1', '2', 'd'

}

for (let i of arr) {

  console.log(i); //  'a, 'b', 'c'

}

- 前者主要为遍历对象而设计；不适用与遍历数组；

- 后者不同于foreach，可与break、continue、return配合使用；提供了遍历所有数据结构的统一接口。

8.iterator对象除了next方法，还有return、throw，而return必须返回一个对象。

9.fibonacci

var fib = {

  [Symbol.iterator](){

    let pre=0,cur=1;

    return {

      next(){

        [pre, cur] = [cur, pre+cur];

        return {done: false,value: cur};

      }

    }

  }

}

for(var i of fib){

  if(i>100)

    break;

  console.log(i)

}

巴特西

Iterator（es6）

最新文章

热门文章