模块化

模块化:
原始写法:

RequireJS 是一个前端的模块化管理的工具库,遵循AMD规范
如何定义模块?

define([依赖模块],function () {
// 当依赖模块加载完成后执行该函数
})
第一个参数可以省略
当前模块使用到其他模块:
例如A模块中使用B模块,A依赖B

输出模块:提供模块接口,供外部使用
return {
外部使用的东西作为对象的属性或方法
}


载入(使用)模块
require([依赖模块],function (模块的标识(ID)){
// 依赖模块都载入完成后执行该回调
})
参数说明:
第一个参数格式必须是数组格式
[依赖模块URL,依赖模块URL,依赖模块URL]
第二个参数回调函数中的模块标识:
它是依赖模块所对应的标识,用于接收模块

HTML页面-载入主模块的方式:data-main
<script src="js/require.js" data-main='主模块的URL' ></script>


异步执行JS代码:
script标签中添加以下属性:
async='true'
defer

requireJS:前端书写模块的框架,遵循AMD异步模块开发规范

定义模块:
define([依赖模块],function () {
// 模块成员:私有变量,函数

//输出模块:
return {
// 公共属性和方法
}
})

载入模块:
主模块: <script src="js/require.js" data-main="主模块的路径"></script>

其他模块:
require([依赖模块],function (模块标识) {
// 依赖模块加载后执行
})

原文地址:https://www.cnblogs.com/2oex/p/9578564.html