javascript命名空间

最新推荐文章于 2019-03-12 19:58:30 发布

lxzo123

最新推荐文章于 2019-03-12 19:58:30 发布

阅读量701

点赞数

分类专栏：工作 html javascript 文章标签： javascript function fun 浏览器脚本框架

本文链接：https://blog.csdn.net/lxzo123/article/details/6765558

版权

工作同时被 3 个专栏收录

63 篇文章 0 订阅

订阅专栏

javascript

18 篇文章 0 订阅

订阅专栏

html

9 篇文章 0 订阅

订阅专栏

命名空间是为了避免重名带来的冲突问题，就像java里的包空间一样，在不同命名空间里的函数，变量，对象可以有相同的名字而不会相互干扰，javascript命名空间实现原理，主要是通过匿名闭包函数来实现，如果希望外部访问，则需要对外提供接口，否则外部没法访问，如下：

(function (){
    var result = {};
    function set(key,value)
    {
         result[id] = value;
    }
    function get(key)
    {
         return result[id]
     }
})();

使用这种伪命名空间可以封装并保护自己的所有函数、对象、变量，而且由于他们位于一个函数之中，相互之间也可以互相访问。不过伪命名空间之外的脚本就无法使用这些函数了。

对外开放接口有多重方法，如下：

1. 浏览器窗口有很多内置对象，其中window就是一个比较重要的内置对象，表示当前窗口是一个顶级变量，我们可以把要对外开放的接口赋值给一个window属性，然后就可以闭包外部调用。

<html>
<script>
(function (){
    var result = {};
    function set(key,value)
    {
         result[key] = value;
    }
    function get(key)
    {
         return result[key]
    }
    if(!window['fun'])
	window['fun'] = {};
	window['fun']['set'] = set;
	window['fun']['get'] = get;
})();
fun.set('id',1234);
var value = fun.get('id');
alert("id: "+value);
</script>
</html>

2. 通过return返回要对外开放的接口，如下：

<html>
<script>
var funs = (function (){
    var result = {};
    var outinterface = {};          //对外开放的接口
    function set(key,value)
    {
         result[key] = value;
    }
    function get(key)
    {
         return result[key]
    }
    outinterface.set = set;
    outinterface.get = get;
    return outinterface;
})();
funs.set('name','jim');
alert(funs.get('name'));
</script>
</html>

3. 当然还有很多其它的方法，来对外开放接口，可以看看一些开源的javascript框架，这种用法比较多

lxzo123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript命名空间

命名空间是为了避免重名带来的冲突问题，就像java里的包空间一样，在不同命名空间里的函数，变量，对象可以有相同的名字而不会相互干扰，javascript命名空间实现原理，主要是通过匿名闭包函数来实现，如果希望外部访问，则需要对外提供接口，否则外部没法访问，如下：(functi
复制链接

扫一扫