从 RequireJS 到 SeaJS（1）

最新推荐文章于 2024-10-30 19:10:39 发布

weixin_30925411

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量63

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhepama/articles/3079451.html

版权

RequireJS 发布 1.0.0 了，很值得关注，看是否有可借鉴之处。
本次比较不涉及具体实现代码，主要比较两者的 API 设计。

http://requirejs.org
http://seajs.org

从定位谈起

首先，从 requirejs.org 首页可以得知，RequireJS 的定位是：

RequireJS 是一个 JavaScript 文件和模块加载器，特别为浏览器优化，同时也可运行在 Rhino 和 Node 环境中。

SeaJS 的定位是：

SeaJS 是一个适用于浏览器端的 JavaScript 模块加载器。

不要小看这两句话，任何类库/框架的定位，或者说愿景/目标，最终会决定该类库/框架的方方面面。比如：

RequireJS 的定位中，除了是模块加载器，还是文件加载器，这决定了 RequireJS 需要实现类似 LABjs 等 script loader 的功能。LABjs 的核心功能是异步加载脚本并提供运行的依赖等待：

 
         $LAB 
        
         .script("a.js") 
        
         .script("b.js").wait() 
        
         .script("c.js");

为了提供类似功能，RequireJS 开发了 order 插件：

 
         require(["order!one.js", "order!two.js", "order!three.js"], function () { 
        
         //This callback is called after the three scripts finish loading. 
        
         });

order 功能是 JavaScript 文件加载器必备的功能，RequireJS 有文件加载器的定位，因此才有了 order 插件的设计。

而对于 SeaJS 来说，定位为很纯粹的模块加载器，因此不需要考虑普通脚本的 order 加载，如果需要脚本加载功能，直接和 LABjs 一块用就好：

 
         define(function(require) { 
        
         var $LAB = require('labjs/2.0.3/lab.js'); 
        
         $LAB 
        
         .script('a.js') 
        
         .script('b.js').wait() 
        
         .scrpt('c.js'); 
        
         );