es6语法之Generator函数

alltolove

要使用这个函数我们还必须再给babel解释器下载个插件，不然浏览器不支持 我也烦这个，没办法

首先cmd里打开项目文件的目录输入

1. npm install --save-dev babel-polyfill

复制代码

然后把webpack.config.js文件修改为（咱们上次应该已经安装过了webpack了）：

1. var babelpolyfill = require("babel-polyfill");
   
2. module.exports={
   
3.         entry:__dirname+'/output/bianliang.js',
   
4.         output:{
   
5.                 path:__dirname,
   
6.                 filename:'webpack.js'
   
7.         }
   
8. }

复制代码

然后再写我们的代码：

1. import "babel-polyfill";
   
2. function* aaa(){
   
3.         yield '1';
   
4.         yield '2';
   
5. }
   
6. let iter=aaa()
   
7. document.write(iter.next().value)

复制代码

generator其实就是一个迭代生成器，写完这个用babel编译完了过后，再控制台下输入webpack打包一下，然后生成webpack.js文件，把这个文件引入一个html文件里，网页上会显示：

如果你接着next().value那就是2