谈Web前端模块化开发 &&sea.js; - javascript

前端的模块化构建可分为两大类。一类是以 Dojo、YUI3、国内的 KISSY 等类库为代表的大教堂模式。在大教堂模式下，所有组件都是颗粒化、模块化的，各组件之间层层分级、环环相扣。另一类是以 jQuery、RequireJS、国内的 Sea.js、OzJS 等类库为基础的集市模式。在集市模式下，所有组件彼此独立、职责单一，各组件通过组合松耦合在一起，协同完成开发。

简单的介绍sea.js，解决模块命名冲突的机制

define(function(require, exports) {  var util = require('./util.js');

  exports.init = function() {    // 实现代码
  };
});

require：拿到模块js暴漏的接口，

exports：用暴漏的接口调用函数；

实例：

    define(function(require, exports) {
      var util = require('./util.js');
      exports.init = function() {
        // 实现代码
      };
    });

分析：在用dialog.js的时候，先通过 require('./util.js') 就可以拿到 util.js 中通过 exports 暴露的接口。这里的 require 可以认为是 Sea.js 给 JavaScript 语言增加的一个 语法关键字，通过 require 可以获取其他模块提供的接口。

.....

转载请注明：谷谷点程序 » 谈Web前端模块化开发 &&sea.js;