一个简单的友好的javascript 模块化设计，留待备用

关注

原创最新推荐文章于 2026-09-04 11:39:37 发布 824 阅读 AI 写同款· GEO 优化 ›

JavaScript 模块化 了解了一下js模块化，简单记录一下。参考资料： JavaScript 模块化历程前端模块化模块化发展历程 js一开始并没有模块化的概念，直到ajax被提出，前端能够像后端请求数据，前端逻辑越来越复杂，就出现了许多问题：全局变量，函数名冲突，依赖关系不好处理。当时使用子执行函数来解决这些问题，比如经典的jquery就使用了匿名自执行函数封装代码，将他们全都挂载到全局变量jquery下阅读详情

一个简单的友好的javascript 模块化设计

立即执行函数写法.

外部无法调用和赋值count,避免变量污染.

;var Yoper_mod = (function(){
		var count = 0;
		var my_alert=function(msg){
			myfunction1();
			console.log('my_alert:'+msg);
		};
　　　　var myfunction1 = function(obj){
		//alert('Yoper_myfunction1 ');
		console.log('myfunction1');
　　　　　　//...
　　　　};
		var myfunction2 = function(){
			console.log('myfunction2');
			//alert('Yoper_myfunction2 ');
　　　　　　//...
　　　　};
　　　　return {
			my_alert : my_alert ,
			myfunction1 : myfunction1 ,
			myfunction2 : myfunction2 
　　　　};
　　})();

调用：

Yoper_mod.my_alert('Yoper');

结果：

myfunction1

my_alert:Yoper

陈永鹏博客:http://blog.youkuaiyun.com/chenyoper

Yox项目github:https://github.com/yoperchen