好久不见，这次发的不是笔记啦，是我在公司内部的前端wiki上更新的文档……这个抛弃所有wiki语法要求用户直接手写语义化html用json配置导航的wiki排版相当漂亮，让我这样的懒人也有了码字的欲望，发起人小麦实在系功德无量……

这篇文章去年就准备写，想用循序渐进的形式推演出一个Module Pattern的最佳实践，不过想法越多，归纳总结表达出来的成本就越高，所以一直拖延……这次发的文档是一个简化版，去掉了各式各样乱七八糟的写法，只包含几个常用的，说明文字也不多主要看代码-__-b……初衷是作为给土豆前端team里新来的同事看的提纲（对了由于某人叛逃到产品设计部门，现在又空出一个名额，有兴趣的同学抓紧时间投简历，这次是魔都总部的职位，不是成都的），所以要解释一下，文档中提到的TUI是一个js库（名字是很俗，不过我上次发现某年纪一大把的人也跟我一样俗），土豆一直采用双库并行（不要看成双工并行…）的形式，在紧跟开源社区发展的同时自己掌控所有环节和基础架构，没有使用jQuery UI和那套基于DOM的插件结构，而jQuery自己几乎不提供OOP工具（这是好事），实际上自己创建这类工具非常简单快捷，相关的代码我提取了一下直接帖在末尾了，仅供参考。

另外，为了符合Nicholas Zakas在最近的国际会议上传达的精神，我修改了若干变量名跟他ppt里的例子保持一致——这件事教育我们，平时多上slideshow.net对保持先进性是多么重要。

Tudou’s JavaScript Guideline — OOP and Module

介绍土豆在面向对象和模块化设计方面的工具和实践

“Don’t Repeat Yourself.” (DRY)

“Rather than construction, programming is more like gardening.”

Quote from: Andy Hunt and Dave Thomas, The Pragmatic Programmer

=============开始帖源码的分割线=============

TUI.clone

 /**
 * @public 继承一个类或复制一个对象
 * @param {object|function} oldone是需要继承的构造函数或需要复制的对象
 * @param {object|function} ex为函数时，是子类的构造函数，或者用来加工新对象
 * 		ex为对象时，为子类的方法, 其中initialize方法为构造函数, mixin为混入的超类
 * @return {object|function}
 */
clone: function(oldone, ex){
	var newobj,
		isClass = !oldone || $.isFunction(oldone), //继承操作
		constructorFn = ex && !$.isFunction(ex) && ex.initialize || ex; //子类构造函数
	if (!isClass) {
		newobj = function(){
			if(constructorFn)
				constructorFn.apply(this, arguments);
		};
		newobj.prototype = oldone;
		return new newobj();
	} else {
		var c = { _super: oldone, _sandbox: null, _attr: null, _default: null };
		newobj = function(){ //构造函数
			this.objectId = "TUI-object" + TUI.juid(); //实例的唯一ID, 注意不能只用当前毫秒数，连续生成实例时会重复！
			var p = c;
			this.superClass = p._super || Object; //在子类的构造函数中可以用this.superClass访问父类
			if (p._attr) {
				this.attr = p._attr; //绑定访问私有属性的方法
				if (p._default)
					this.attr(p._sandbox, p._default); //初始化私有属性的默认值
			}
			if(constructorFn) //执行构造函数的自定义部分
				constructorFn.apply(this, arguments);
		};
		if (oldone) { //需要继承
			newobj.prototype = arguments.callee.call(this, oldone.prototype); //原型继承
			$.extend(newobj.prototype, ex); //子类方法
		} else {
			newobj.prototype = ex;
		}
		if (ex.sandbox) { //为module内部定义的类提供相关方法
			c._sandbox = ex.sandbox;
			c._default = ex.attr;
			c._attr = function(sandbox, attrname, value){ //通过sandbox参数杜绝来自外部的访问
				return sandbox.attr.call(this, attrname, value);
			};
			delete ex.attr;
			delete ex.sandbox; //沙盒一定要删除，不能暴露出去
		}
		if (ex.mixin) { //混入其他接口的方法
			ex.mixin.unshift(newobj.prototype);
			$.extend.apply($, ex.mixin);
		}
		return newobj;
	}
},

TUI.moduleClass

/**
 * 存放实例的私有状态
 * @private
 */
var privateAttr = {};
/**
 * module的抽象类
 * @note 可以继承到其他应用上, 构造独有的sandbox
 */
TUI.moduleClass = TUI.newClass({
	initialize: function(){
		this.notify = TUI.clone(TUI.event),
		this._sandbox.notify = this.notify; //被继承的时候，notify可以另外指向到别处
	},
	_sandbox: {
		attr: function(name, value){ //this指向调用它的实例
			if (typeof name === "object") {
				privateAttr[this.objectId] = TUI.clone(name); //初始化私有变量的默认值
				return true;
			}
			var p = privateAttr[this.objectId];
			if (!p) //尽量在module里初始化
				p = privateAttr[this.objectId] = {};
			if (value)
				p[name] = value;
			return p[name];
		}
	},
	/**
	 * 创建一个模块，提供封闭的代码作用域和沙盒
	 * @public
	 * @param {function}
	 */
	create: function(wrap, args){
		var sandbox = TUI.clone(this._sandbox);
		args.unshift(sandbox);
		return wrap.apply(window, args);
	}
});

$.extend(TUI.module, new TUI.moduleClass());