Javascript 面向对象 命名空间


Posted in Javascript onMay 13, 2010

javascript中本没有命名空间的概念,但是要体现面向对象的思想,

应当有命名空间,就像java中的package,.net中的namespace一样,

作用主要为了防止类名冲突,相同的类名只要属于不同的命名空间,便不会冲突。
最简单创建命名空间的方法:

var java = {}; 
java.util = {}; 
//这样就创建成功了命名空间:java.util 
//我们可以在java.util下面加类(函数),属性,或对象 
java.util.HashMap = function() 
{ 
this.ShowMessage = function() 
{ 
alert("java.util.HashMap"); 
} 
} 
var map = new java.util.HashMap(); 
alert(map.ShowMessage()); //显示结果:java.util.HashMap 
//封装创建命名空间的方法: 
//定义一个对象,js中用{}花括号定义对象,等同于 var JsObject = new Object(); 
var JsObject = {}; 
JsObject.namespace = function() //在JsObject对象下定义一个函数namespace 
{ 
 /*下面代码中arguments为函数传入的参数,在function未明确定义参数时, 

function也可以传入参数,并用arguments来 接收,arguments类似数组, 

如果传入多个参数,将按顺序保存,取值法:arguments[0],arguments[1]....*/ 
var a = arguments,o = null,d,rt; 
for(var i = 0; i < a.length; i++) 
{ 
d = a[i].split('.'); //将传入的参数用符号'.' 进行分割,并放入d数组中。 
rt = d[0]; 
//判断数组中的第一个值是否未定义,如果未定义,便定义为空对象{},并赋值给变量o 
eval('if (typeof ' + rt + ' == "undefined"){' 



+ rt + ' = {};} o = ' + rt + ';'); 

for(var j = 1; j < d.length; j++) 

{ 


/*循环遍历数组d每个值作为key,加入到对象o中,如果key在o中存在,则取o中值,若 


不存在,则赋值为空对象{} */ 
 


o[d[j]] = o[d[j]] || {}; 

  o = o[d[j]]; 

} 
} 
} 
JsObject.namespace("org.myJs"); //申明命名空间:org.myJs 
org.myJs.Student = function() //在命名空间org.myJs下定义类Student 
{ 


//定义类Student中的变量,并赋予初值,但此变量的访问权限是public 
this.studentNo = 's001'; 
this.studentName = '小明'; 
this.sex = '男'; 
} 
var s = new org.myJs.Student(); //创建Student类的对象 
alert('学号:'+s.studentNo); 
alert('姓名:'+s.studentName); 
alert('性别:'+s.sex);

效果和第一篇 (一)javascript经验总结面向对象—类 结果一样
Javascript 相关文章推荐
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
9个JavaScript评级/投票插件
Jan 18 Javascript
JSON+JavaScript处理JSON的简单例子
Mar 20 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
jQuery实现简单三级联动效果
Sep 05 jQuery
javascript 面向对象 function类
May 13 #Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 #Javascript
Javascript 面向对象 继承
May 13 #Javascript
Javascript 面向对象 重载
May 13 #Javascript
JavaScript 面向对象的 私有成员和公开成员
May 13 #Javascript
限制文本框输入N个字符的js代码
May 13 #Javascript
javascript preload&amp;lazy load
May 13 #Javascript
You might like
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
超级实用的7个PHP代码片段分享
2012/01/05 PHP
php中explode与split的区别介绍
2012/10/03 PHP
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
2018/04/28 jQuery
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python制作词云图代码实例
2019/09/09 Python
使用python实现画AR模型时序图
2019/11/20 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
基于python实现图片转字符画代码实例
2020/09/04 Python
eBay爱尔兰站:eBay.ie
2019/08/09 全球购物
电子专业毕业生自荐信
2014/05/25 职场文书
三八活动策划方案
2014/08/17 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
学习心理学的体会
2014/11/07 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS