JavaScript学习笔记之三：命名空间

最新推荐文章于 2024-11-26 14:12:45 发布

最新推荐文章于 2024-11-26 14:12:45 发布 · 138 阅读

文章标签：

#JavaScript #UI #框架 #C #C++ #ViewUI

前端技术专栏收录该内容

4 篇文章

订阅专栏

本文介绍JavaScript中解决命名冲突的方法，通过实例演示了如何利用简单机制创建命名空间，并提供了一个更高级的命名空间注册工具。

JavaScript不像C#或Java，有专门的namespace和package语法支持，当JS复杂到一定程度，尤其是引用大量的第三方JS框架和类库之后，命名冲突就会成为一个严重的问题，因此使用JS自己的变通方式建立命名空间很重要。

最简单的实现命名空间的方法，代码示例如下：

 //这是伪代码，:)
 var com;  
 if(!com) com = {};  //第一级域名  
 com.ModuleClass = {};  //第二级域名  
 com.ModuleClass.函数名1=function(){  
     函数体；  
 }
 com.ModuleClass.函数名2=function(){  
     函数体；  
 }

还可以建立一个注册多级命名空间的机制：

 //1、命名空间注册工具类  
 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("if(typeof(" + ns + ") == 'undefined') " + ns + " = new Object();");  
     }  
 }  
   
 //2、注册命名空间 com.boohee.ui  
 Namespace.register("com.boohee.ui");  
   
 //3、使用命名空间  
 com.boohee.ui.TreeGrid = function(){  
     this.sayHello = function(name){  
         alert("Hello " + name);  
     }  
 }  
   
 var t = new com.boohee.ui.TreeGrid();  
 t.sayHello("uid");