zoukankan      html  css  js  c++  java
  • AMD规范

    AMD规范就是其中比较著名一个,全称是Asynchronous Module Definition,即异步模块加载机制。从它的规范描述页面看,AMD很短也很简单,但它却完整描述了模块的定义,依赖关系,引用关系以及加载机制。从它被requireJS,NodeJs,Dojo,JQuery使用也可以看出它具有很大的价值。

    作为一个规范,只需定义其语法API,而不关心其实现。AMD规范简单到只有一个API,即define函数:
    define([module-name?], [array-of-dependencies?], [module-factory-or-object]);
    其中:
    module-name: 模块标识,可以省略。
    array-of-dependencies: 所依赖的模块,可以省略。
    module-factory-or-object: 模块的实现,或者一个JavaScript对象。
    从中可以看到,第一个参数和第二个参数都是可以省略的,第三个参数则是模块的具体实现本身。后面将介绍在不同的应用场景下,他们会使用不同的参数组合。

    从这个define函数AMD中的A:Asynchronous,我们也不难想到define函数具有的另外一个性质,异步性。当define函数执行时,它首先会异步的去调用第二个参数中列出的依赖模块,当所有的模块被载入完成之后,如果第三个参数是一个回调函数则执行,然后告诉系统模块可用,也就通知了依赖于自己的模块自己已经可用。

    匿名模块

    define 方法允许你省略第一个参数,这样就定义了一个匿名模块,这时候模块文件的文件名就是模块标识。如果这个模块文件放在a.js中,那么a就是模块名。可以在依赖项中用"a"来依赖于这个匿名模块。这带来一个好处,就是模块是高度可重用的。你拿来一个匿名模块,随便放在一个位置就可以使用它,模块名就是它的文件路径。这也很好的符合了DRY(Don't Repeat Yourself)原则。
    下面的代码就定义了一个依赖于alpha模块的匿名模块:
    define(["alpha"], function (alpha) {
      return {
        verb: function(){
          return alpha.verb() + 2;
        }
      };
    });
  • 相关阅读:
    函数组件在react懒加载的方式
    axios 封装
    react高阶组件+ref转发的组合使用
    Iterator & Iterable 和 Comparable&Comparator
    java.lang.Collections
    虚拟机类加载学习和思考
    垃圾收集器与内存分配策略
    jvm内存区域与内存溢出
    spring装配Bean过程
    索引知识点补充
  • 原文地址:https://www.cnblogs.com/xmyun/p/6343555.html
Copyright © 2011-2022 走看看