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 相关文章推荐
prototype 1.5相关知识及他人笔记
Dec 16 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
利用vue+elementUI实现部分引入组件的方法详解
Nov 22 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
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 时间计算问题小结
2009/01/04 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
浅谈php提交form表单
2015/07/01 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
PHP基于curl后台远程登录正方教务系统的方法
2016/10/14 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
jQuery中position()方法用法实例
2015/01/16 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
Python httplib,smtplib使用方法
2008/09/06 Python
Python性能优化技巧
2015/03/09 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python 判断网络连通的实现方法
2018/04/22 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
python如何代码集体右移
2020/07/20 Python
详解使用Python写一个向数据库填充数据的小工具(推荐)
2020/09/11 Python
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
Structs界面控制层技术
2013/10/11 面试题
本科毕业生自我鉴定
2013/11/02 职场文书
会计职业生涯规划范文
2014/01/04 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
大学毕业寄语大全
2014/04/10 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
温馨提示标语
2014/06/26 职场文书
保安辞职信范文
2015/02/28 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
python中__slots__节约内存的具体做法
2021/07/04 Python
Redis Lua脚本实现ip限流示例
2022/07/15 Redis