源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javaScript NameSpace 简单说明介绍

  • 时间:2021-07-11 17:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javaScript NameSpace 简单说明介绍
    打造JavaScript命名空间其实很简单,只需要将自己的函数、对象、变量等放在一个伪命名空间中,即用一个匿名函数包装起来。  
[u]复制代码[/u] 代码如下:
(function(){     function $(id){         return document.getElementById(id);     }     function alertNodeName(id){         alert($(id).nodeName);     } })();
    使用这种伪命名空间可以封装并保护自己的所有函数、对象、变量,而且由于他们位于一个函数之中,相互之间也可以互相访问。不过伪命名空间之外的脚本就无法使用这些函数了。     为了使这些函数可以被伪命名空间之外的脚本调用,我们首先创建一个window对象。
[u]复制代码[/u] 代码如下:
(function(){     if(!window.myNamespace){window['myNameSpace']={};}     function $(id){         return document.getElementById(id);     }     function alertNodeName(id){         alert($(id).nodeName);     } })();
    然后将要全局化的函数重命名一下(也可以不重命名)赋给window对象window['myNameSpace']。
[u]复制代码[/u] 代码如下:
(function(){     if(!window.myNamespace){window['myNameSpace']={};}     function $(id){         return document.getElementById(id);     }     function alertNodeName(id){         alert($(id).nodeName);     }     window['myNameSpace']['showNodeName'] = alertNodeName; })();
    这样我们就打造了一个自己的命名空间。
[u]复制代码[/u] 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <META NAME="Generator" CONTENT="EditPlus">   <META NAME="Author" CONTENT="">   <META NAME="Keywords" CONTENT="">   <META NAME="Description" CONTENT="">   <SCRIPT LANGUAGE="JavaScript">   <!--  (function(){   function $(id){    return document.getElementById(id);   }   function alertNodeName(id){    alert($(id).nodeName);   }   window['myNameSpace'] = {};   window['myNameSpace']['showNodeName'] = alertNodeName;  })();     function Test(){   myNameSpace.showNodeName("T");  }   //-->   </SCRIPT>  </HEAD>  <BODY onload="Test()">    <INPUT TYPE="text" NAME="T" ID="T" VALUE="Test">  </BODY> </HTML>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部