seaJS模塊化開發

Sea.js 模塊化開發

網站複雜開發問題：衝突、依賴、性能等問題
解決方案：seaJs ，提高代碼可維護性（模塊化開發)
網址：seajs.org 引入庫：

SeaJS簡介

SeaJS是一個遵循CommonJS規範的JavaScript模塊加載框架，可以實現JavaScript的模塊化開發及加載機制。 與jQuery等JavaScript框架不同，SeaJS不會擴展封裝語言特性，而只是實現JavaScript的模塊化開發。

SeaJS使用方法

1、引入sea.js源碼
<script src="sea.js"></script>

---

2、seajs模塊定義：define
require:請求外部文件；
explorers：相當於interface接口便於外部調用；
module是當前模塊的信息
這裏只是定義了一個模塊（module.js）,內部函數相當於一個閉包

define(function(require,explorts,module){
    var name="charles";
    function foo(){  //模塊中聲明瞭一個foo函數
        alert("hello world")
    }
})

---

3、seajs模塊向外部模塊提供接口：explorers

define(function(require,explorts,module){
    var name="charles";
    function foo(){  //模塊中聲明瞭一個foo函數
        alert("hello world")
    }
    explorts.name=name;  //對外提供的接口
    explorts.foo=foo;    //對外提供的接口
})

---

4、seajs模塊引用外部模塊:seajs.use(url,callback)
url:外部模塊的url必選,爲相對目錄‘./’；callback：回調函數可選

seajs.ues("./js/module.js",function(explorts){
    explorts.foo();
})

---

5、seajs模塊依賴：require ,md2.js和md3.js之間的依賴
require在define中直接添加;
返回值:是一個explorers對象,因此可以在其後面直接使用模塊中的方法
require(‘../js/tool.js’).foo();