Javascript AMD模块化规范-备用

Javascript AMD模块化规范-备用

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);
}); 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/109248.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Perl正则表达式超详细教程

    Perl正则表达式超详细教程前言想必学习perl的人,对基础正则表达式都已经熟悉,所以学习perl正则会很轻松。这里我不打算解释基础正则的内容,而是直接介绍基础正则中不具备的但perl支持的功能。关于基础正则表达式的内容,可参阅基础正则表达式。我第一个要说明的是,perl如何使用正则。还记得当初把《精通正则表达式》的书看了一遍,把perl正则也学了个七七八八,但是学完后却不知道怎么去使用perl正则,虽然里面也介绍了一点…

    2022年5月6日
    36
  • SLAM技术课程总结「建议收藏」

    SLAM技术课程总结「建议收藏」这学期SLAM技术课程遇到最多的问题,或者说困难更合适,其实和学生无关。专业培养方案中,SLAM技术是双语课程,但此课对数学要求极高,通常应用型本科院校学生的数学基础并不具备直接学习此课程的条件; 操作环境要求学生需在Linux系统下完成,虽然现在有云端实践平台,但掌握基本的Linux命令依然是必不可少的基础,对于机器人工程专业学生而言,课程体系忽略了这块训练,使此课孤立于课程体系中,无法和现有培养方案的其他课程形成良性互动; 编程要求C++11,当然能够掌握14以上更好,而之前的课程多侧重于C和

    2022年10月1日
    3
  • a星算法c++实现_递归算法理解

    a星算法c++实现_递归算法理解翻了翻别人写的博客,我看到一个A星算法,只怪自己见识太少,竟然没听过这个算法。网上查了好些资料,自己对这算法理解了些,并用C#实现出来。           A星算法,也叫A*算法。这是一种在图形平面上,有多个节点的路径,求出最低通过成本的算法。如在一张dota地图上,英雄从一个地方走动到地图上另一个点,它选择最优路线的算法。       如上图,绿点是

    2022年10月6日
    2
  • ubuntu处理locale

    ubuntu处理locale

    2021年6月29日
    82
  • 数据分析实战项目_Android项目汇报

    数据分析实战项目_Android项目汇报#QzsWanAndroid-[基于wanandroid.com开发的MVP+Retrofit2+RxJava2+okhttp3开发的AndroidAPP](https:/

    2022年8月2日
    8
  • DirectX修复工具常见问题解答

    DirectX修复工具常见问题解答经常有人在网上发帖询问DirectX修复工具的一些问题,但是有些问题的回答并不够准确。因此作者在这里把一些常见的问题列出,供大家参考。问题1:XP系统上运行软件时出现0xc0000135的错误,怎么回事?答:WindowsXPSP3系统用户需先安装Microsoft.NETFramework2.0或更高版本才可运行本程序,详情请见程序文件夹中的“致WindowsXP用户

    2022年5月29日
    193

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号