前言
相信大家多多少都知道一些模块化这个概念。
其实,在JavaScript中是 一直没有模块(module)体系的。
在ES6之前 社区制定了一套模块规范 主要分为以下两个:
1 CommonJS 该规范主要用于服务端,比如nodejs中引入模块会使用:require('模块')
2 AMD 该规范主要用于浏览器 代表有一些框架 比如requireJs curlJs 等。(不过现在基本都不用了)
而ES6的出现 ,提供了简单的模块系统,
可以完全取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。
ES6中的模块化
在es6中 最主要提出的两个命令:export
和 import。
只要清楚两个问题就好:
a、如何去定义模块
什么是模块? 一个模块就是一个独立的文件,这个文件内的所有变量外部都无法访问,如果你想要访问某个模块内部的某个变量,就必须使用export 来输出该变量。
① 导出模块:export 内容