JavaScript分离页面配置和代码逻辑
发布时间：2018-10-09 14:23:52 所属栏目：模式 来源：站长网
导读：为了代码清晰结构性强，通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间，实现基本的所谓结构和行为分离。 第一种方式，提供一个暴露在 window 的全局对象，这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容
|
为了代码清晰结构性强，通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间，实现基本的所谓结构和行为分离。 第一种方式，提供一个暴露在 window 的全局对象，这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容：[www.veryhuo.com]
// 创建命名空间 var TB = {}; /** * 定义初始化入口函数 * @method init * @param {JSON} config 页面配置参数 */ TB.init = function(config){ console.log(config.demo); } // 页面配置参数的初始化 TB.init({ 'demo': 'http://demo.mangguo.org' }); 或者，匿名函数模式，把参数传给匿名函数，并局限在该函数体内部。隔离作用域链，所谓闭包。 Copy to Clipboard引用的内容：[www.veryhuo.com]
/** * 定义匿名函数 * @param {JSON} config 页面配置参数 */ (function(config){ console.log(config.demo); })({ demo : 'http://demo.mangguo.org' }); 第一种可能更适合于组织复杂代码，模块化，颗粒化。 （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |