在使用 sea.js 、require.js 、 angular 的時候。
公司主營業(yè)務(wù)：成都網(wǎng)站設(shè)計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出永安免費做網(wǎng)站回饋大家。
我們使用到 define 、 module（require） 的方式，定義模塊，和依賴模塊
下面給出 define 和 module 的簡單實現(xiàn)。 其本質(zhì)，就是往一個對象上面添加方法
重慶分公司
重慶分公司
var F = {};
F.define = function(str,fn){
var parts = str.split(".");
var parent = this; // parent 當(dāng)前模塊的父模塊
var i = len = 0;
//如果第一個模塊是模塊單體對象,則移除
if(parts[0] == "F"){
parts = parts.slice(1);
}
//屏蔽對 define module 模塊方法重寫
if(parts[0] == "define" || parts[0] == "module"){
return ;
}
for(len = parts.length; i < len-1; i++){
//如果父模塊中不存在當(dāng)前模塊
if(typeof parent[parts[i]] === 'undefined'){
//聲明當(dāng)前模塊
parent[parts[i]] = {};
}
//緩存下一層父模塊
parent = parent[parts[i]];
}
if(fn && parts[i]){
//如果給定模塊方法,則綁定該模塊的方法,
parent[parts[i]] = fn();
}
return this;
}
F.module = function(){
var args = [].slice.call(arguments);//復(fù)制參數(shù)
var fn = args.pop(); //獲取回調(diào)
var parts = args[0] && args[0] instanceof Array ? args[0] : args;
//模塊的依賴
var modules = [];
//模塊的路由
var modIDs = "";
//依賴模塊的索引
var i = 0;
var len = parts.length; // 依賴模塊的長度
var parent,j,jlen; //父級模塊,模塊路由層級索引,模塊路由層級長度
while(i < len){
if(typeof parts[i] == "string"){
parent = this;
//解析路由,并且屏蔽掉 F
modIDs = parts[i].replace(/^F\./,"").split(".");
//遍歷模塊層級
for( j = 0,jlen = modIDs.length; j < jlen; j++){
//迭代 父模塊
parent = parent[modIDs[j]] || false;
}
modules.push(parent); //將模塊添加到依賴列表
}else{
//直接將模塊添加到依賴列表
modules.push(parts[i]);
}
//取下一個模塊
i++;
}
//執(zhí)行回調(diào),將依賴的模塊注入
fn.apply(null,modules);
}
//定義 string 模塊
F.define("string",function(){
return {
trim(str){
return str.replace(/^s+|\s+$/g,"");
}
}
});
//定義 string 模塊,的子模塊 sub
F.define("string.sub",function(){
return {
low(str){
return str.toLowerCase();
}
}
});
console.log(F);
//使用模塊
F.module(["string","string.sub",document],function(str,strSub,doc){
console.log(str,strSub,doc)
});當(dāng)然了，這里使用的，F(xiàn) 對象，實際應(yīng)用中，應(yīng)該寫在閉包里面。不能讓外界直接訪問，于是有如下代碼。
var Sea = (function(){
var F = {};
F.define = function(str,fn){
var parts = str.split(".");
var parent = this; // parent 當(dāng)前模塊的父模塊
var i = len = 0;
//如果第一個模塊是模塊單體對象,則移除
if(parts[0] == "F"){
parts = parts.slice(1);
}
//屏蔽對 define module 模塊方法重寫
if(parts[0] == "define" || parts[0] == "module"){
return ;
}
for(len = parts.length; i < len-1; i++){
//如果父模塊中不存在當(dāng)前模塊
if(typeof parent[parts[i]] === 'undefined'){
//聲明當(dāng)前模塊
parent[parts[i]] = {};
}
//緩存下一層父模塊
parent = parent[parts[i]];
}
if(fn && parts[i]){
//如果給定模塊方法,則綁定該模塊的方法,
parent[parts[i]] = fn();
}
return this;
}
F.module = function(){
var args = [].slice.call(arguments);//復(fù)制參數(shù)
var fn = args.pop(); //獲取回調(diào)
var parts = args[0] && args[0] instanceof Array ? args[0] : args;
//模塊的依賴
var modules = [];
//模塊的路由
var modIDs = "";
//依賴模塊的索引
var i = 0;
var len = parts.length; // 依賴模塊的長度
var parent,j,jlen; //父級模塊,模塊路由層級索引,模塊路由層級長度
while(i < len){
if(typeof parts[i] == "string"){
parent = this;
//解析路由,并且屏蔽掉 F
modIDs = parts[i].replace(/^F\./,"").split(".");
//遍歷模塊層級
for( j = 0,jlen = modIDs.length; j < jlen; j++){
//迭代 父模塊
parent = parent[modIDs[j]] || false;
}
modules.push(parent); //將模塊添加到依賴列表
}else{
//直接將模塊添加到依賴列表
modules.push(parts[i]);
}
//取下一個模塊
i++;
}
//執(zhí)行回調(diào),將依賴的模塊注入
fn.apply(null,modules);
}
return {
define:function(){
F.define.apply(F,arguments);
},
module:function(){
F.module.apply(F,arguments);
}
}
})();
//定義 string 模塊
Sea.define("string",function(){
return {
trim(str){
return str.replace(/^s+|\s+$/g,"");
}
}
});
//定義 string 模塊,的子模塊 sub
Sea.define("string.sub",function(){
return {
low(str){
return str.toLowerCase();
}
}
});
console.log(Sea);
//使用模塊
Sea.module(["string","string.sub",document],function(str,strSub,doc){
console.log(str,strSub,doc)
});以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
