前言

果然不能立flag，上次文章都写完了，可是hexo出了点小问题，再加上正好回家，所以延后了几天。

发现之前一直提到迭代器和生成器的字眼。其实一直没有讲这方面的东东。iterators 在es6中应用的还是挺广的，set，map，array，string都有这样的入口，generators是es7中async的基础。个人认为还是挺重要的。

iterators

很多语言都有iterators的概念。
在ES6中：
for-of循环基于iterators
...(扩散操作符)基于iterators
甚至异步程序也用到iterators

为什么需要iterators

循环存在的问题

需要多个变量去标记它，通用的比如i,len；
（其实这点我个人还不是很能理解）

iterators是什么

iterators是一个拥有next()方法的对象，每次调用next()方法，返回一个下面的结构

{
  done: false, //表示是否到达循环的终点
  value: //该项的值
}

ES6中内建的iterators

集合对象

ES6 有三个类型的集合对象

Arrays
Maps
Sets

他们都有以下的方法

entries(),返回一个[key,value]的iterators
- Arrays返回的key为数字序号
- Sets,返回的key和value一样的值
- Maps，返回的key为正常的key
keys(),返回key的iterators
- 跟entries()中返回key是一样的
values(),返回一个values的iterators
- 跟entries()中返回value是一样的

如果不指定迭代器方法的话，
Arrays和Sets调用的是values(),Maps调用的是entries()

判断一个对象是不是迭代器 typeoof Object[Symbol.iterator] === 'function'

String迭代器

ES5中string存在效率低，无法识别双字节字符的情况。
ES6中解决了无法识别双字节字符的bug

NodeList迭代器

在ES5 中DOM的Nodelist和arrays区别很容易让人困惑
ES6为DOM的Nodelist也增加了一个默认的迭代器，同数组一样，所以也可以使用for-of去循环

...操作符

...操作符是从迭代器中读取数据并依次插入的

generators

什么是generators

generators是一个返回值是iterators的函数
generators在function关键字后有号并且内部有yield关键字，号不一定要紧跟在function关键字后面
生成器执行时会在每次yield后停止执行，注：yield关键字只能存在于generators内部
书写在对象内部的方法

let o1 = {
  createIterator:function*(){

  }
}

let o2 = {
  *createIterator(){

  }
}
//这两种都可以

generator 传参

往next()内传参的话，会替换掉上次yield的返回值。

function *createIterator(){
  let first = yield 1;
  let second = yield first + 2;
  yield second + 3;
}
let iterator = createIterator();

iterator.next() //{value:1,done:false}
iterator.next(4) //{value:6,done:false}
iterator.next(5)//{value:8,done:true}

generator 抛异常

iterator.throw()

在预计抛出异常的时候，可以用try..catch捕获
如果异常被捕获，则throw()相当于next()返回的结果
如果generator内有return ，则return 后面的代码均不会执行

generator内可嵌套generator

异步任务执行

利用generator的特性执行多个异步任务，后续可以用Promise()进行改造

普通任务

该任务不需要利用上一步任务的返回值。

function run (tasks){
  let task = tasks();
  let result = task.next();

  function step (){
    if(!result.done){
      result = task.next();
      step();
    }
  }

  step();
}


run(function * (){
  console.log(1);
  yield;
  console.log(2);
  yield;
  console.log(3);
})

带数据的任务

其实只变动了一处，将数据放在next()函数内部

function run (tasks){
  let task = tasks();
  let result = task.next();

  function step (){
    if(!result.done){
      result = task.next(result.value);
      step();
    }
  }

  step();
}

异步运行任务

如果result.value是一个函数

//假想的函数
function readFile(filename){
  return function(cb){
    fs.readFile(filename,cb);
  };
}

function run (tasks){
  let task = tasks();
  let result = task.next();

  function step(){
    if(!result.done){
      if(typeof result.value === 'function'){
        result.value(function(err,data){
          if(err){
            task.throw(err);
          }else{
            task.next(data);
            step();
          }
        })
      }

    }
  }

  step();
}

从上文代码中可以看的出来缺点:

必须要求函数为err优先
两个函数的参数传递依赖于next()

iterators & generators-《understanding ECMAScipt6》读书笔记8

前言