Javascript 面向对象实践

踩到了坑，才能学到东西。

记录我在慢慢的转向模块化遇到的问题以及解决的思路。

1.采用立即执行函数，闭包的方式创建模块

html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Module</title>
	<script type="text/javascript" src="store.js"></script>
	<script type="text/javascript">
		var store = storeModule.getStore({x:1});	
	</script>
</head>
<body>
	
</body>
</html>

js:

 
var storeModule = (function(){
	var Store = function(opinion){
		this.opinion = opinion;
	}

	Store.prototype = {
		constructor:Store,
		init:function(opinion){
			console.log('a:',opinion);
			this.opinion = opinion;
			console.log('b:',this.opinion);
		}
	}

	return {
		getStore:function(opinion){
			var storeInstance = Object.create( Store.prototype );
			Store.prototype.init.apply(storeInstance,arguments);
			
			// var storeInstance2 = new Store(opinion);
			// storeInstance2.init(opinion);
			console.log('store end');
			return storeInstance;
		}
	}
	
})();

坑：
采用 Object.create( Store.prototype ) 这种方式创建对象，无法将参数opinion传递给Store这个function对象，百思不得其解，后来，参阅了一下Jquery的插件的源码，发现需要在 init:function(opinion)中增加一行this.opinion = opinion，否则传递不过去。