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 相关文章推荐
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
微信小程序日历效果
Dec 29 Javascript
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 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的宝库目录--PEAR
2006/10/09 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
php导出csv文件,可导出前导0实例代码
2016/11/16 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
网页自动跳转代码收集
2009/09/27 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[59:36]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第二场
2018/04/04 DOTA
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
Python实现二叉堆
2016/02/03 Python
python实现按任意键继续执行程序
2016/12/30 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
python利用线程实现多任务
2020/09/18 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
《尊严》教学反思
2014/02/11 职场文书
道歉的话语大全
2015/05/12 职场文书
团结主题班会
2015/08/13 职场文书
小学语文教学随笔
2015/08/14 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
深入理解go缓存库freecache的使用
2022/02/15 Golang
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers