DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javaScript NameSpace 簡單說明介紹
javaScript NameSpace 簡單說明介紹
編輯:JavaScript綜合知識     
命名空間,一看就知道主要目的是為了避免沖突。下面就來說一下如何打造自己的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">
  <!--
 (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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved