鱼C论坛

 找回密码
 立即注册
查看: 3007|回复: 0

[学习笔记] es6语法之Generator函数

[复制链接]
发表于 2017-7-18 10:26:08 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

首先cmd里打开项目文件的目录输入
npm install --save-dev babel-polyfill

然后把webpack.config.js文件修改为(咱们上次应该已经安装过了webpack了):
var babelpolyfill = require("babel-polyfill");
module.exports={
        entry:__dirname+'/output/bianliang.js',
        output:{
                path:__dirname,
                filename:'webpack.js'
        }
}

然后再写我们的代码:
import "babel-polyfill";
function* aaa(){
        yield '1';
        yield '2';
}
let iter=aaa()
document.write(iter.next().value)
generator其实就是一个迭代生成器,写完这个用babel编译完了过后,再控制台下输入webpack打包一下,然后生成webpack.js文件,把这个文件引入一个html文件里,网页上会显示:
asdsds.png
如果你接着next().value那就是2

评分

参与人数 2荣誉 +3 鱼币 +6 收起 理由
小甲鱼 + 3
不二如是 + 3 + 3 支持楼主!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-24 10:16

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表