javaScript NameSpace 简单说明介绍


Posted in Javascript onJuly 18, 2013

    打造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>
Javascript 相关文章推荐
JS定义回车事件(实现代码)
Jul 08 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
javascript制作2048游戏
Mar 30 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 Javascript
JavaScript实现点击切换验证码及校验
Jan 10 Javascript
JS获取鼠标坐标的实例方法
Jul 18 #Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 #Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 #Javascript
JS随机生成不重复数据的实例方法
Jul 17 #Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
Jul 17 #Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 #Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 #Javascript
You might like
解决php使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
php数组删除元素示例
2014/03/21 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
Python中asyncore的用法实例
2014/09/29 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
Python设计实现的计算器功能完整实例
2017/08/18 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
Sanic框架应用部署方法详解
2018/07/18 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
Python反射和内置方法重写操作详解
2018/08/27 Python
Python变量类型知识点总结
2019/02/18 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
python属于解释语言吗
2020/06/11 Python
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
英国电子专家:maplin
2019/09/04 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
优秀毕业生求职信范文
2014/01/02 职场文书
三年级小学生评语
2014/04/22 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
忠犬八公的故事观后感
2015/06/05 职场文书
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL