JavaScript 面向对象之命名空间
JavaScript 面向对象之命名空间
发布时间:2016-12-30 来源:查字典编辑
摘要:在小项目中对于JavaScript使用,只要写几个function就行了。但在大型项目中,尤其是在开发追求良好的用户体验的网站中,如SNS,...

在小项目中对于JavaScript使用,只要写几个function就行了。但在大型项目中,尤其是在开发追求良好的用户体验的网站中,如SNS,就会用到大量的JavaScrpt,有时JavaScript的工作量胜过了C#,这时写一堆function,就会显得很乱,杂乱无章,甚至会出现命名冲突,管理和维护起来都很麻烦。对于这种情况我们就需要使用面向对象的思想来开发JavaScript。那我们就这样作罢:

对于一个项目,首先要有个命名空间。所以我们首先要做的是定义一个函数来注册命名空间。代码如下:

复制代码 代码如下:

// 声明一个全局对象RegisterNameSpace函数,参数为名称空间全路径,如"cnblogs.blog"

RegisterNameSpace = function(fullName) {

// 将命名空间切成N部分

var nsArray = fullName.split('.');

var strEval = "";

var strNS = "";

for (var i = 0; i < nsArray.length; i++) {

if (i != 0){

strNS += ".";

}

strNS += nsArray[i];

// 依次创建构造命名空间对象(假如不存在的话)的语句

strEval += "if (typeof(" + strNS + ") == 'undefined') " + strNS + " = new Object();"

}

if (strEval != "") eval(strEval);

}

好了,现在来注册几个命名空间试试,就已博客园为例吧,博客园有几个模块“博客”、“新闻”、“小组”......

复制代码 代码如下:

RegisterNameSpace("cnblogs.blog");

RegisterNameSpace("cnblogs.news");

RegisterNameSpace("cnblogs.group");

事实上,这里的命名空间就是一个对象,一个Object。

作者: cnblogs 祥叔

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类