13、JavaScript模块化设计模式：AMD、CommonJS与UMD详解

t8u9v0

于 2025-08-01 10:24:54 发布

阅读量86

点赞数

CC 4.0 BY-SA版权

分类专栏：掌握现代JavaScript设计模式与React开发文章标签： JavaScript 模块化设计 AMD

本文链接：https://blog.youkuaiyun.com/t8u9v0/article/details/150097250

掌握现代JavaScript设计模式与React开发专栏收录该内容

21 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

JavaScript模块化设计模式：AMD、CommonJS与UMD详解

1. AMD模块系统

1.1 使用curl.js加载AMD模块

可以使用 curl.js 来加载AMD模块，示例代码如下：

curl(["app/myModule.js"],
    function( myModule ){
        // start the main module which in turn
        // loads other modules
        var module = new myModule();
        module.doStuff();
});

1.2 具有延迟依赖的模块

以下是具有延迟依赖的模块代码示例：

// This could be compatible with jQuery's Deferred implementation,
// futures.js (slightly different syntax) or any one of a number
// of other implementations
define(["lib/Deferred"], function( Deferred ){
    var defer = new Deferred();
    require(["lib/templates/?index.html","lib/data/?stats