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

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

來源：程序員人生發布時間：2014-05-10 06:54:41 閱讀次數：2659次

為了代碼清晰結構性強，通常需要分離頁面配置參數和代碼邏輯。約定唯一的命名空間，實現基本的所謂結構和行為分離。

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

// 創建命名空間
var TB = {};

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

console.log(config.demo);

}

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

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

});

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

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

console.log(config.demo);

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

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

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

上一篇 MySql4.0數據庫出現的＂character_set_results＂問題

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

分享到:

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

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

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