提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其它

当前栏目

javaScriptNameSpace简单说明介绍

简单 介绍 说明
2023-06-13 09:15:03 时间
   打造JavaScript命名空间其实很简单，只需要将自己的函数、对象、变量等放在一个伪命名空间中，即用一个匿名函数包装起来。
 复制代码代码如下:

(function(){
   function$(id){
       returndocument.getElementById(id);
   }
   functionalertNodeName(id){
       alert($(id).nodeName);
   }
})();

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

(function(){
   if(!window.myNamespace){window["myNameSpace"]={};}
   function$(id){
       returndocument.getElementById(id);
   }
   functionalertNodeName(id){
       alert($(id).nodeName);
   }
})();

   然后将要全局化的函数重命名一下（也可以不重命名）赋给window对象window["myNameSpace"]。
复制代码代码如下:
(function(){
   if(!window.myNamespace){window["myNameSpace"]={};}
   function$(id){
       returndocument.getElementById(id);
   }
   functionalertNodeName(id){
       alert($(id).nodeName);
   }
   window["myNameSpace"]["showNodeName"]=alertNodeName;
})();

   这样我们就打造了一个自己的命名空间。
复制代码代码如下:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
 <HEAD>
 <TITLE>NewDocument</TITLE>
 <METANAME="Generator"CONTENT="EditPlus">
 <METANAME="Author"CONTENT="">
 <METANAME="Keywords"CONTENT="">
 <METANAME="Description"CONTENT="">
 <SCRIPTLANGUAGE="JavaScript">
 <!--
 (function(){
 function$(id){
  returndocument.getElementById(id);
 }
 functionalertNodeName(id){
  alert($(id).nodeName);
 }
 window["myNameSpace"]={};
 window["myNameSpace"]["showNodeName"]=alertNodeName;
 })();
   functionTest(){
 myNameSpace.showNodeName("T");
 }
 //-->
 </SCRIPT>
 </HEAD>
 <BODYonload="Test()">
  <INPUTTYPE="text"NAME="T"ID="T"VALUE="Test">
 </BODY>
</HTML>

相关文章