javaScript NameSpace 简单说明介绍

打造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;
})();

这样我们就打造了一个自己的命名空间。


代码如下:

<!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)

相关推荐

  • ajax使用不同namespace的action的方法

    ajax 如何使用不同namespace的action 如我的question_save在/question命名空间,那我ajax的url写成:"../question/question_save.aciton" 若我把aciton映射为了html,那一定要写成 ajax的url: "../question/question_save.html" 这是我的教训啊,很深很深的教训啊,特别是总是出现ajax 如何使用不同namespace的action 和the req

  • JavaScript创建命名空间(namespace)的最简实现

    最近看Ext源代码,看到了其实现命名空间函数的实现方法: Ext NameSpace实现代码:        复制代码 代码如下: namespace : function(){              var a=arguments, o=null, i, j, d, rt;              for (i=0; i<a.length; ++i) {                  d=a[i].split(".");                  rt = d

  • Flex Namespace的用法

    Flex Namespace的用法

    <Flex第一步>官方群里面有个朋友问我,如何像xmlns:mx="http://www.adobe.com/2006/mxml"这样的方式,自定义自己组件的namespace呢?去Adobe那边的compiler参数查找了一下,发现可以利用-namespace.-include-namespaces这两个参数来指定自己的URL. 首先需要明确的一个概念:manifest.xml Adobe的一种ActionScript 3.0类库清单,通过manifest.xml与nam

  • C++类基本语法实例分析

    C++类基本语法实例分析

    类是C++程序设计非常重要的概念,本文即以实例形式说明了类的常见用法.具体如下: 本测试代码主要包括以下内容: (1)如何使用构造函数: (2)默认构造函数: (3)对象间赋值: (4)const使用语法: (5)定义类常量: 一种方法是用enum,另一种方法是使用static. 实例代码如下: #include <iostream> using namespace std; enum sexType { MAN, WOMAN }; class Human { //the default is

  • ASP.Net中命名空间Namespace浅析和使用例子

    关于Namespace(命名空间)的使用,我常用 复制代码 代码如下: < % @ Import Namespace="System.Data" %> ,这是在引用为我们提供的Namespace,这和ASP不同的,我们在ASP.net必须先引用与我们操作有关的Namespace后才能使用相应的功能.其实说白了,一个Namespace; 就是一个组件. 这个是关于ASP.net的高级应用. 我下面简单的列举一些常用的Namespace 复制代码 代码如下: < % @

  • PHP命名空间(namespace)的使用基础及示例

    PHP的命名空间(namespace)是PHP 5.3中加入最重要的一个新特性,这个概念在C#中已经很早就有了,php中的namespace其实和c#的概念是一样的. 一. PHP的命名空间主要解决三种冲突的问题:常量,函数,类 通俗理解:namespace就相当于是用来建一个目录,将namespace下面的代码放在该目录里面,与外面的区分开来. /* |--------------------------------- |namespace示例 |@黑眼诗人 <www.chenwei.ws>

  • C++ using namespace std 用法深入解析

    一 :<iostream>和<iostream.h>是不一样,前者没有后缀,实际上,在你的编译器include文件夹里面可以看到,二者是两个文件,打开文件就会发现,里面的代码是不一样的. 后缀为.h的头文件c++标准已经明确提出不支持了,早些的实现将标准库功能定义在全局空间里,声明在带.h后缀的头文件里,c++标准为了和C区别开,也为了正确使用命名空间,规定头文件不使用后缀.h. 因此,当使用<iostream.h>时,相当于在c中调用库函数,使用的是全局命名空间,也就

  • C++对数组的引用实例分析

    C++中所谓数组引用,即指向数组的引用: 如: int a[10] ; int (&b)[10] = a ; 如果写成: int a[10] ; int* &b = a ; 系统将会报错: cannot convert from 'int [10]' to 'int *&'. 或许你会说在数组名不就是指向这个数组的一个指针吗?题中a是int*类型的,b是指向int*的引用,按理应该是正确的啊,为什么会报错呢?这是因为编译器对指向数组的引用检查更加严格,需要检查数组的维数,在这里a被

  • C++ namespace相关语法实例分析

    C++ namespace相关语法实例分析

    namespace命名空间是C++中一个非常重要的概念,本文实例展示了namespace的相关语法,供大家参考.具体如下: 本段测试代码包括如下内容: (1) 如何访问namespace中声明的名称: (2) namespace导致的相关冲突: (3) namespace可嵌套: (4) 可以在namespace中使用using声明和using编译命令: (5) 未命名的namespace:其作用域为定义该namespace所在的声明区域.C++推荐用来替代static定义静态变量. 具体程序代

  • C++中关于[]静态数组和new分配的动态数组的区别分析

    本文以实例分析了C++语言中关于[]静态数组和new分配的动态数组的区别,可以帮助大家加深对C++语言数组的理解.具体区别如下: 一.对静态数组名进行sizeof运算时,结果是整个数组占用空间的大小: 因此可以用sizeof(数组名)/sizeof(*数组名)来获取数组的长度. int a[5]; 则sizeof(a)=20,sizeof(*a)=4.因为整个数组共占20字节,首个元素(int型)占4字节. int *a=new int[4];则sizeof(a)=sizeof(*a)=4,因为

随机推荐