js命名空间和闭包

最新推荐文章于 2023-11-01 18:14:53 发布

原创最新推荐文章于 2023-11-01 18:14:53 发布 · 201 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js命名空间 #闭包

js命名空间同时被 2 个专栏收录

1 篇文章

订阅专栏

闭包

1 篇文章

订阅专栏

本文深入探讨了JavaScript中命名空间、闭包和jQuery的高级用法，包括命名空间的注册、作用域管理以及jQuery的扩展应用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script src="jquery-1.9.1.js"></script>
 </head>

 <body>
  
 </body>
</html>
<script>
//一、命名空间
var Namespace=new Object();
Namespace.register = function(path){     
    var arr = path.split(".");     
    var ns = "";     
    for(var i=0;i<arr.length;i++){     
        if(i>0) ns += ".";     
        ns += arr[i]; 
		//eval执行动态js代码
        eval("if(typeof(" + ns + ") == 'undefined') " + ns + " = new Object();");     
    }     
}    
Namespace.register("com.xcx.util"); 
Namespace.register("com.xcx.entity");
com.xcx.util.getName=function(){
 alert("xcx");
}
com.xcx.util.getName();

com.xcx.entity.person = function(){  
    //变量作用域为函数内部，外部无法访问  
    var name = "default";
    return {  
       getName : function(){  
           return name;  
       },  
       setName : function(newName){  
           name = newName;  
       },
	   chifan:function(){
	     alert("用手吃饭");
	   }
    }
};
var person=com.xcx.entity.person();
/*alert(person.name);//直接访问，结果为undefined  
alert(person.getName());  
person.setName("pingping");  
alert(person.getName());
person.chifan();*/
//二、jQuery闭包
(function ($) {
    $.problemWo = function () { };
	/*$.extend(dest,arg1,arg2,arg3……);
	  1、合并第二道第n个参数
	  2、如以下例子将会合并成{b:5,myclick:function(){alert("c");}},
	     特别地：agr1和arg2有相同的属性，后面的将会覆盖前面的属性
	  3、如果dest=true,则arg参数的子对象将会覆盖，dest=false子对象将会被舍去
	*/
    $.extend($.problemWo,
             { b: 5 },
             { myclick: function () { alert("c") } 
			 
			 }
            );
})(jQuery);

var a=(function(){
  var name="default";
  return {getName:function(){alert("pingping");}};
})();

//a.getName();
//alert($.problemWo.b);
//$.problemWo.myclick();


//声明一个对象$.problemWo，添加一个a的实例属性和myclick的实例方法。

(function ($) {
    $.problemWo = function () {
        this.a = "abc"
    };
    $.extend($.problemWo.prototype, 
                {myclick: function () { alert(this.a); }}
                );
})(jQuery);

var obj = new $.problemWo()
obj.myclick();

//判断全局变量是否定义，没有就抛出异常
if(typeof jQuery==="undefined")throw "没有引入jQuery.js文件";
if(typeof jquery==="undefined")throw "没有引入test.js文件";
</script>