您当前位置：首页 > web前端 > jscript > JavaScript分离页面配置和代码逻辑

JavaScript分离页面配置和代码逻辑

来源：程序员人生发布时间：2014-05-10 06:54:41 阅读次数：2469次

为了代码清晰结构性强，通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间，实现基本的所谓结构和行为分离。

第一种方式，提供一个暴露在 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关注

栏目热点