# es6的generator是什么？ generator指的是 ``` function* xxx(){ } ``` 是es6里的写法。 ``` function* test() { console.log('1'); yield 1; console.log('2'); yield 2; console.log('3'); } ``` 代码中间插了两行yield，代表什么呢？ - 当test执行到 yield 1这一行的时候，程序将被挂起，要等待执行下一步的指令； - 当接收到指令后，test将继续往下运行，直到yield 2这一行，然后程序又被挂起并等待指令； - 收到指令后，test又将继续运行，而下面已经没有yield了，那么函数运行结束。 这是不是就像，我们调试代码的时候，给插的断点 ？ 当然，断点这个比喻，只是表象上比较相像，实质原理还是有非常大差异。 yield就是让后面的generator执行完成后，才继续往下走。 要注意，function后面多了一个星号，这样是表明这个函数将变成一个生成器函数，而不是一个普通函数了。意思就是，test这个函数，将不能被这样执行 test(); 但可以获得一个生成器 var gen = test(); // gen就是一个生成器了 然后，生成器可以通过next()来执行运行 gen.next(); 也就是上面说的，让函数继续运行的指令。 简单地总结一下： - 生成器通过yield设置了一些类似”断点“的东西，使得函数执行到yield的时候会被阻断； - 生成器要通过next()指令一步一步地往下执行（两个yield之间为一步）； - yield 语句后面带着的表达式或函数，将在阻断之前执行完毕； - yield 语句下面的代码，将不可能在阻断之前被执行； 由此可以看出，yield是如何将异步非阻塞代码，变成 异步阻塞代码。