如何实现javascript js 类命名空间的写法
2015-02-28 22:01
302 查看
转载 猫猫小屋http://www.maomao365.com/?p=823
在C#中有namespace概念,java中有package的概念,有了这些概念之后,在系统的运行时,每一个方法就会拥有唯一的访问路径
namsepace.class.object,这样就可以避免由于object重名所导致的问题.
由于javascript是一种解释型语言,在javascript中,如果定义两个同名函数或者变量,系统会用最后一个函数或变量来替换前一个函数和变量,
如果是一个的单人开发的系统,则不会产生很多异常,因为可以人为的控制这些命名的唯一,如果是大型多人协同开发系统,则可能产生很多异常,增加程序的调试难度。
举例说明命名空间必要性
例如我们编写一个页面 引入jquery框架,然后我们在页面里面自定义一个$函数,那么$ 函数可能会失效,或者产生莫名其妙的现象
命名空间使用
< input type="button" value="命名空间使用" onclick="(new namespace()).$();"/>
< script type="text/javascript">
function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
}
< /script>
这种写法,其实就是在namespace下定义了一个$
简化每次都 new namespace
< input type="button" value="命名空间使用" onclick="t.$();"/>
< script type="text/javascript">
(function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
window.t ={};
window.t=this;
})();
< /script>
进阶篇
在一个命名空间里面可以像 C# java一样包含很多变量和方法
< input type="button" value="命名空间使用" onclick="t.$();"/>
< input type="button" value="命名空间简化调用" onclick="method3();"/>
< input type="button" value="命名空间method2使用" onclick="t.method2();"/>
< input type="button" value="命名空间method3使用" onclick="t.method3();"/>
< input type="button" value="命名空间a变量赋值使用" onclick="t.a=999;"/>
< script type="text/javascript">
(function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
this.method2=function(){
alert(“this method 2!”);
}
this.a=”888″;
this.method3=function(){
alert(“命名空间内部变量:a”+a);
}
window.t ={};
window.t=this;
window.t.method3=method3;
})();
< /script>
在C#中有namespace概念,java中有package的概念,有了这些概念之后,在系统的运行时,每一个方法就会拥有唯一的访问路径
namsepace.class.object,这样就可以避免由于object重名所导致的问题.
由于javascript是一种解释型语言,在javascript中,如果定义两个同名函数或者变量,系统会用最后一个函数或变量来替换前一个函数和变量,
如果是一个的单人开发的系统,则不会产生很多异常,因为可以人为的控制这些命名的唯一,如果是大型多人协同开发系统,则可能产生很多异常,增加程序的调试难度。
举例说明命名空间必要性
例如我们编写一个页面 引入jquery框架,然后我们在页面里面自定义一个$函数,那么$ 函数可能会失效,或者产生莫名其妙的现象
命名空间使用
< input type="button" value="命名空间使用" onclick="(new namespace()).$();"/>
< script type="text/javascript">
function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
}
< /script>
这种写法,其实就是在namespace下定义了一个$
简化每次都 new namespace
< input type="button" value="命名空间使用" onclick="t.$();"/>
< script type="text/javascript">
(function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
window.t ={};
window.t=this;
})();
< /script>
进阶篇
在一个命名空间里面可以像 C# java一样包含很多变量和方法
< input type="button" value="命名空间使用" onclick="t.$();"/>
< input type="button" value="命名空间简化调用" onclick="method3();"/>
< input type="button" value="命名空间method2使用" onclick="t.method2();"/>
< input type="button" value="命名空间method3使用" onclick="t.method3();"/>
< input type="button" value="命名空间a变量赋值使用" onclick="t.a=999;"/>
< script type="text/javascript">
(function namespace(){
this.$=function(){
alert(‘命名空间使用!’);
}
this.method2=function(){
alert(“this method 2!”);
}
this.a=”888″;
this.method3=function(){
alert(“命名空间内部变量:a”+a);
}
window.t ={};
window.t=this;
window.t.method3=method3;
})();
< /script>
相关文章推荐
- Hibernate命名空间如何实现?
- 教你如何在中国区加速部署k8s,且实现自定义设置拥有k8s镜像的仓库与其命名空间
- MSDN-如何实现研究,并在命名空间扩展中打开
- C++ 基础 命名空间 类头文件 类的实现写法
- .aspx中的命名空间设置实现代码
- 在JavaScript中实现命名空间
- XML 命名空间以及它们如何影响 XPath 和 XSLT (Extreme XML)
- 在JavaScript中实现命名空间
- 在JavaScript中实现命名空间
- 在JavaScript中实现命名空间
- JavaScript创建命名空间(namespace)的最简实现
- Qomolangma实现篇(二):命名空间和别名子系统的实现
- 如何实现 嗨baidu,sohu空间的可拖动可定制的空间(讨论)
- JavaScript中实现命名空间
- js实现命名空间(ajax封装类)
- JavaScript创建命名空间(namespace)的最简实现
- 在JavaScript中实现命名空间
- Qomolangma实现篇(二):命名空间和别名子系统的实现
- 在使用exp/imp时如何实现导入数据到指定的表空间
- Microsoft.Office.Interop.Excel命名空间如何编译为dll文件