Rumah  >  Artikel  >  hujung hadapan web  >  javaScript NameSpace 简单说明介绍_基础知识

javaScript NameSpace 简单说明介绍_基础知识

WBOY
WBOYasal
2016-05-16 17:28:281136semak imbas

    打造JavaScript命名空间其实很简单,只需要将自己的函数、对象、变量等放在一个伪命名空间中,即用一个匿名函数包装起来。
 

复制代码 代码如下:

(function(){
    function $(id){
        return document.getElementById(id);
    }
    function alertNodeName(id){
        alert($(id).nodeName);
    }
})();

    使用这种伪命名空间可以封装并保护自己的所有函数、对象、变量,而且由于他们位于一个函数之中,相互之间也可以互相访问。不过伪命名空间之外的脚本就无法使用这些函数了。
    为了使这些函数可以被伪命名空间之外的脚本调用,我们首先创建一个window对象。
复制代码 代码如下:

(function(){
    if(!window.myNamespace){window['myNameSpace']={};}
    function $(id){
        return document.getElementById(id);
    }
    function alertNodeName(id){
        alert($(id).nodeName);
    }
})();

    然后将要全局化的函数重命名一下(也可以不重命名)赋给window对象window['myNameSpace']。
复制代码 代码如下:

(function(){
    if(!window.myNamespace){window['myNameSpace']={};}
    function $(id){
        return document.getElementById(id);
    }
    function alertNodeName(id){
        alert($(id).nodeName);
    }
    window['myNameSpace']['showNodeName'] = alertNodeName;
})();

    这样我们就打造了一个自己的命名空间。
复制代码 代码如下:



 
  New Document
 
 
 
 
 
 
 
  
 

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn