黑马程序员技术交流社区

标题: 【南京校区】ES6用模块封装代码 [打印本页]

作者: 大蓝鲸小蟀锅    时间: 2017-12-1 17:03
标题: 【南京校区】ES6用模块封装代码
本帖最后由 大蓝鲸小蟀锅 于 2017-12-1 17:58 编辑

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

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

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

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

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

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


作者: 唐杰    时间: 2017-12-1 17:50
666 学习了
作者: 秒杀女神    时间: 2017-12-2 13:41
加油!
作者: 一匹英俊的小马    时间: 2017-12-6 15:15
不明觉厉哈哈




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2