通过seajs实现JavaScript的模块开发及按模块加载

seajs实现了JavaScript 的 模块开发及按模块加载。用来解决繁琐的js命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。

首先看看seajs是怎么进行模块开发的。使用seajs基本上只有一个函数“define”

fn.define= function(id,deps, factory) {//code of function…}

使用define函数来进行定义一个模块，根据 CMD （Common Module Definition）模块定义规范。一个文件就是一个模块。所以一个js文件中只有一个define，即一个文件是一个模块，SeaJS中模块的概念有点类似于面向对象中的类——模块可以拥有数据和方法，数据和方法可以定义为公共或私有，公共数据和方法可以供别的模块调用。

官方实例中，define只传入一个参数： 一个工厂函数

define(function(require,exports, module) {//code of the module...});

在看参数之前，我们先看看define是如何处理参数的:

fn.define = function(id, deps, factory)

define可以接收的参数分别是模块ID，依赖模块数组及工厂函数;

如果只有一个参数，则赋值给factory。

如果有两个参数，第二个赋值给factory；第一个如果是array则赋值给deps，否则赋值给id。

如果有三个参数，则分别赋值给id，deps和factory。

根据官方实例，建议还是根据官方的来就传递一个参数，即只有factory参数，这样的话模块id默认为js文件路径。

在来看看工厂函数的参数：

require, exports, module

使用factory的参数的使用：

define(function(require,exports, module) {var a = require('./a');//引入a模块 exports.fun2= function(){alert("fun2");a.dosomething();　　} }

使用require对象来进行加载模块，其实使用正则表达式进行验证加载的，所以其参数必须是特定的字符串，不能是表达式。

seajs会自动在require的参数中加入".js"来进行加载，即不需要写上后缀名，但是在某些情况下，seajs不会为其添加“.js”:

1.载入css：　　　　

require("./module1-style.css");

2.路径中含有“？”：　

require(<a href="http://example/js/a.json?b=func" rel="external nofollow" >http://example/js/a.json?cb=func</a>);