简单说下前端中的模块化开发

模块化主要是用来抽离公共代码，隔离作用域，避免变量冲突等。

1. IIFE: 适用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突

(function (){
	return {
		data: []
	}
})()

2. AMD: 适用 requireJS 来编写模块化，特点：依赖必须提前声明好。

define('./index.js', function(code) {
	// code 就是 index.js 返回的内容
})

3. CMD：使用 seaJS 来编写模块化，特点：支持动态引入依赖文件。

define(function (require, exports, module) {
	var indexCode = require('./index.js')
})

4. CommonJS: nodejs 中自带的模块化

var fs = require('fs')

5. UMD: 兼容AMD，CommonJS模块化语法
6. ES Modules：ES6 引入的模块化，支持 import 来引入另一个 js

import a from 'a'

公众号：Coder 杂谈，欢迎关注