javaScript NameSpace 简单说明介绍

ttx9n · 发表于 2013-7-18 16:54:26

命名空间，一看就知道主要目的是为了避免冲突。下面就来说一下如何打造自己的JavaScript命名空间。     打造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">

</SCRIPT>
</HEAD>
<BODY onload="Test()">
   <INPUT TYPE="text" NAME="T" ID="T" VALUE="Test">
</BODY>
</HTML>

ppwxcg · 发表于 2022-8-14 04:58:23

sdsadsadsadf

gyalp · 发表于 2022-8-19 20:07:06

源码源码源码源码源码源码源码源码源码源码源码源码源码

rveqwdpw5 · 发表于 2022-12-2 10:31:41

我找了挺久终于找到了

q215357618 · 发表于 2023-2-14 13:42:23

还有什么好东西没

dm00ji1s · 发表于 2023-10-14 20:24:13

飞飞飞飞飞飞飞飞飞飞飞飞飞

z835648964 · 发表于 2024-4-25 04:27:31

儿童服务绯闻绯闻绯闻

小伙伴 · 发表于 2024-4-26 08:35:10

可以，看卡巴

u6h2m4 · 发表于 2024-5-29 20:28:13

挺不错的东西

wangdj110 · 发表于 2024-9-4 13:28:04

我要金豆金豆金豆

账号		自动登录	找回密码
密码			立即注册

[JavaScript] javaScript NameSpace 简单说明介绍

相关帖子