微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

第一种方式,提供一个暴露在 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'
});

第一种可能更适合于组织复杂代码,模块化,颗粒化。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐