AMD是”Asynchronous Module Definition”的缩写,意思是”异步模块定义”。
模块定义
define(id?, dependencies?, factory);
其中:
- id: 模块标识,可以省略。
- dependencies: 所依赖的模块,可以省略。
- factory: 模块的实现,或者一个JavaScript对象。
代码示例1: 定义一个alpha模块,依赖require,exports,beta模块
define( "alpha" , [ "require" , "exports" , "beta" ], function (require, exports, beta) {
exports.verb = function () {
return beta.verb();
//Or:
return require( "beta" ).verb();
}
});
|
代码示例2: 定义个匿名模块,依赖alpha模块
define([ "alpha" ], function (alpha) {
return {
verb: function (){
return alpha.verb() + 2;
}
};
});
|
代码示例3: 使用JSON定义一个没有依赖的匿名模块。
define({
add: function (x, y){
return x + y;
}
});
|
代码示例4:定义一个兼容Modules/Wrappings模块化规范的匿名模块。
Modules/Wrappings是CommonJS Modules的浏览器端解决方案。AMD规范兼容Modules/Wrappings。
define( function (require, exports, beta) {
exports.verb = function () {
return beta.verb();
//Or:
return require( "beta" ).verb();
}
});
|
模块加载
require([module], callback)
AMD模块化规范中使用全局或局部的require函数实现加载一个或多个模块,所有模块加载完成之后的回调函数。
其中:
- [module]:是一个数组,里面的成员就是要加载的模块;
- callback:是模块加载完成之后的回调函数。
代码示例:加载一个math模块,然后调用方法 math.add(2, 3);
require([ 'math' ], function (math) {
math.add(2, 3);
});
|
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/109248.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...