模块化

简介

模块化产生的背景

··随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂

··Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人写好的模块

  但是Javascript不是一种模块化编程语言，它不支持"类"（class），"包"（package）等概念，也不支持"模块"（module）

模块化规范

　　CommonJS模块化规范

　　ES6模块化规范

 

CommonJS规范

每个文件就是一个模块，有自己的作用域，在一个文件里面定义的变量，类都是私有的，对其他文件不可见

commonjd使用export和require来导出，导入模块

1.创建"module"文件夹

2.新建导出js文件

 

 3.新建导入测试js文件

 

 

 4.测试

 

 

ES6规范

ES6使用export和import来导出，导入模块

1.创建"module"文件夹

2.新建导出js文件

 

  3.新建导入测试js文件

 

 4.测试

需要babel转换

 

现在有新写法：

导出：

 

 导入：