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 相关文章推荐
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
js中获取事件对象的方法小结
Mar 13 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
Jun 08 Javascript
Javascript处理DOM元素事件实现代码
May 23 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
判断js的Array和Object的实现方法
Aug 29 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
Jun 15 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
javascript实现抢购倒计时程序
Aug 26 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性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
angularjs指令中的compile与link函数详解
2014/12/06 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
Python实现excel转sqlite的方法
2017/07/17 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
python三大神器之fabric使用教程
2019/06/10 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
Python netmiko模块的使用
2020/02/14 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
详解python内置模块urllib
2020/09/09 Python
python selenium 获取接口数据的实现
2020/12/07 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
canvas实现飞机打怪兽射击小游戏的示例代码
2018/07/09 HTML / CSS
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
类的核心特性有哪些
2014/01/01 面试题
调解员先进事迹材料
2014/02/07 职场文书
2014年新生军训方案
2014/05/01 职场文书
学习雷锋演讲稿
2014/05/10 职场文书
纪检监察建议书
2014/05/19 职场文书
2014大四本科生自我鉴定总结
2014/10/04 职场文书