A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 大蓝鲸小蟀锅 于 2017-12-1 17:58 编辑

用模块封装代码
模块语法
ES6定义了一对非常简单的关键字来描述模块的导入和导出,在此之间,又为了方便而定义了一些导出导入的方式。
  • import from
  • export
基本的导出,我们可以用export来将函数暴露出去:

当然这样的方式,也可以导出类,对象,变量等。
有了导出,自然会有导入:

这样,也就构成了ES6的模块系统。
除此之外,整个模块系统给了我们很多其他的方式来操作,比如导出一个默认的函数:

如果可以,我想给a起一个别名:

当然了,我们也可以导出多个函数:

其他的用法,可以阅读一下 exportimport
在浏览器中不借助webpack这样的工具也可以使用模块系统,只需要将type=module,这个模块需要注意的,可能就是关于路径的问题了,其他都和export import一样。
作者:高老师

3 个回复

正序浏览
不明觉厉哈哈
回复 使用道具 举报
加油!
回复 使用道具 举报
唐杰 来自手机 中级黑马 2017-12-1 17:50:47
沙发
666 学习了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马