Max—— 前端攻城狮 's Blog

A Simple pure blog generated by jekyll

私有对象脚本写法

<< Back

私有对象脚本写法

1.原始写法

不同的函数(以及记录状态的变量)简单地放在一起,堆叠

function fn1(){
	//do something
}
function fn2(){
	//do something
}
	

上面的函数fn1()和fn2(),组成一个模块。使用的时候,直接调用就行了。 这种做法的缺点很明显:"污染"了全局变量,无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出直接关系。

2.对象写法

为了解决上面的缺点,可以把模块写成一个对象,所有的模块成员都放到这个对象里面,根据需要一一调用。

1.首先页面初始化一个私有对象

var MyDefineObj = {
	
};

	

2.给私有对象设置属性和方法

var MyDefineObj = {
	name  :  'max',
	go    :  function(){
		console.log('gogogo');
	},
	init  :  function(){
		console.log('my name is max');
	}
}
	

上面的函数go()和函数init()都是封装在module1对象里。使用的时候,就是调用这个对象的属性。

	MyDefineObj.go();

MyDefineObj.init();


	

页面加载完,执行初始化方法

<script type="text/javascript">

MyIndexObj.init();

</script>
	

参考Javascript模块化编程(一):模块的写法

发表于: 30 Jun 2015