芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
3

分离页面配置和代码逻辑

作者 芒果/分类 代码/发布于 2011-08-03 11:37

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

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

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

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/page-layout-and-code-logic-separation/" title="分离页面配置和代码逻辑" rel="bookmark">分离页面配置和代码逻辑 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 3 条群众意见

  1. 数据恢复培训 /2011-08-09 09:58

    好崇拜你的技术啊 回应

    #1
  2. ?
    JavaScript 原型继承之基础机制 | 千里走单骑 /2011-08-09 21:05

    […] 分离页面配置和代码逻辑 (1) […] 回应

    #2
  3. wordpress主题 /2011-08-24 16:06

    真看不懂这是何产物 回应

    #3

下面我简单说几句