JavaScript 编程引入命名空间

作者:CNLei 来源:CNLei.blog 时间:2007-10-11 19:00:00 

JavaScript 代码一般最常见的语法格式就是定义函数 function xxx(){/*code...*/},经常有这样的一大堆函数定义。函数名很容易发生冲突,特别是引入多个js文件时,冲突的情况尤为明显。因此也就有引入命名空间的必要。

Javascript 本身没有命名空间的概念,需要用对象模拟出来。比如定义一个命名空间的类,用于创建命名空间:


function NameSpace(){}


这是一个构造函数,但却不做任何事情,再来下面和评论有关的代码:


var comment = new NameSpace();
comment.list = function(){/*code...*/};
comment.counter = 0;


第一行创建所谓命名空间(其实就是一个空白对象),名为comment,第二、三行定义该空间下的两个方法。调用时可以使用 comment.list() 或者 comment.counter++ 等;
再创建子命名空间:


comment.add = new NameSpace();
comment.add.post = function(){/*code...*/}
comment.add.check = function(){}


之所以引入命名空间的概念,是为了避免函数名相同的问题。上面的过程也可以这样定义:


var comment = {
list : function(){/*code...*/},
add : {
 post : function(){/*code...*/},
 check : function(){/*code...*/}
}
}


prototype.js 里面就大量使用这种方式,虽然这种方式更直观地像一棵树,但只要节点稍多一些,眼睛就忙于寻找这些节点的关系,命名空间的做法是横向地描述这种关系树,层次关系直接表现在字面上,两种方式效果一致,但书写风格却各有特点。

标签:JavaScript,function,命名
0
投稿

猜你喜欢

  • 不用加载Include文件也能生成选择列表吗?

    2009-10-29 12:30:00
  • ASP设计常见问题及解答精要

    2009-04-21 11:16:00
  • 不用Global.asa也能实现统计在线人数吗?

    2009-10-29 12:28:00
  • 优化 SQL Server 索引的小技巧

    2012-10-07 11:00:07
  • 将设计执行到底—记Qzone项目组视觉设计标注的前前后后

    2009-04-19 13:22:00
  • ASP编程中使用数组方法实例讲解

    2008-02-15 08:25:00
  • Bad Tags — html有害的标签

    2008-10-13 19:47:00
  • 浏览器用户体验:Firefox初体验 VS The world

    2008-08-02 11:58:00
  • 以图换字的几个方法及思路

    2007-10-17 18:07:00
  • 运行asp.net程序 报错:磁盘空间不足

    2011-11-03 17:16:22
  • 用Dreamweaver实现Real与网页结合

    2010-07-13 12:11:00
  • Dreamweaver MX 2004 之 Flash Element

    2010-03-25 12:27:00
  • 你是一个职业的页面重构工作者吗?

    2008-09-29 12:07:00
  • 浅谈品牌的视觉识别

    2009-07-03 12:28:00
  • 按钮表状态还是表动作?

    2009-03-23 18:21:00
  • 浏览器tab的设计

    2008-08-11 13:03:00
  • 搜索关键字加亮js实现方法

    2007-08-27 14:11:00
  • MySQL查询不含周末的五天前的日期

    2008-11-11 12:28:00
  • 任意定制文本对齐方式:CSS Text Wrapper

    2008-02-03 11:11:00
  • 解决MySQL启动时1067错误

    2010-09-30 14:09:00
  • asp之家 网络编程 m.aspxhome.com