您當(dāng)前位置：首頁 > web前端 > jscript > JavaScript分離頁面配置和代碼邏輯

JavaScript分離頁面配置和代碼邏輯

來源：程序員人生發(fā)布時間：2014-05-10 06:54:41 閱讀次數(shù)：2667次

為了代碼清晰結(jié)構(gòu)性強(qiáng)，通常需要分離頁面配置參數(shù)和代碼邏輯。約定唯一的命名空間，實(shí)現(xiàn)基本的所謂結(jié)構(gòu)和行為分離。

第一種方式，提供一個暴露在 window 的全局對象，這里是 TB 變量。然后所有的代碼被封裝在該全局對象下。

// 創(chuàng)建命名空間
var TB = {};

/**
* 定義初始化入口函數(shù)
* @method init
* @param {JSON} config 頁面配置參數(shù)
*/
TB.init = function(config){

console.log(config.demo);

}

// 頁面配置參數(shù)的初始化
TB.init({

'demo': 'http://demo.mangguo.org'

});

或者，匿名函數(shù)模式，把參數(shù)傳給匿名函數(shù)，并局限在該函數(shù)體內(nèi)部。隔離作用域鏈，所謂閉包。

/**
* 定義匿名函數(shù)
* @param {JSON} config 頁面配置參數(shù)
*/
(function(config){

console.log(config.demo);

})({
demo : 'http://demo.mangguo.org'
});

第一種可能更適合于組織復(fù)雜代碼，模塊化，顆粒化。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生

------分隔線----------------------------

上一篇 MySql4.0數(shù)據(jù)庫出現(xiàn)的＂character_set_results＂問題

下一篇 Oracle新手經(jīng)常碰到的六個錯誤及解決方案

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

JavaScript分離頁面配置和代碼邏輯