前端中的模块化

By @Mark-yangyx on Jan 14, 2020

题目描述：

前端中的模块化开发

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

解题：

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

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

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

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

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

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

CommonJS： nodejs 中自带的模块化。

var fs = require('fs');

UMD：兼容AMD，CommonJS 模块化语法。

webpack(require.ensure)：// webpack 2.x 版本中的代码分割。

ES Modules： ES6 引入的模块化，支持import 来引入另一个 js 。

import a from 'a';

思路二？：

:point_down:~~~~ 欢迎在下方评论补充你的答案，一起来学习～:pushpin:

扩展阅读：