es6模块化学习笔记

一、简介

• 在后端开发中，我们有controller、service、mapper层，三层架构很好的协调了对象与对象之间的调用，实现模块化开发。
• 在前端开发中，我们不是对对象实现模块化开发，我们是js之间的调用。
• 开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。
• ES6使用 export 和 import 来导出、导入模块。
• ES6的模块化无法在Node.js中执行，需要用Babel编辑成ES5后再执行。

二、 代码示例

1. 编写两个01.js和02.js文件，02.js会去调用01.js中的方法。

// 在01.js中定义两个方法
export default {
	list() {
		console.log("list.....");
	},
	save() {
		console.log("save....")
	}
}
-----------------------------------------
// 02.js文件中引入01.js文件
import user from "./01"
// 调用01中的方法，测试es6模块化开发
user.list()
user.save()

2. 使用转码器转码后，就可以用Node直接运行了。

//将src目录下的js文件都转码到dist文件夹下
babel src -d dist
// 运行02.js文件
node ./02.js