多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 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是如何将异步非阻塞代码,变成 异步阻塞代码。