熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

javaScript NameSpace 簡單說明介紹

2013-11-15 12:07:01  來源: JSP教程 
命名空間一看就知道主要目的是為了避免沖突下面就來說一下如何打造自己的JavaScript命名空間  

  打造JavaScript命名空間其實很簡單只需要將自己的函數對象變量等放在一個偽命名空間中即用一個匿名函數包裝起來
 

復制代碼 代碼如下:
(function(){
    function $(id){
        return documentgetElementById(id);
    }
    function alertNodeName(id){
        alert($(id)nodeName);
    }
})();

  
    使用這種偽命名空間可以封裝並保護自己的所有函數對象變量而且由於他們位於一個函數之中相互之間也可以互相訪問不過偽命名空間之外的腳本就無法使用這些函數了
    為了使這些函數可以被偽命名空間之外的腳本調用我們首先創建一個window對象

復制代碼 代碼如下:
(function(){
    if(!windowmyNamespace){window[myNameSpace]={};}
    function $(id){
        return documentgetElementById(id);
    }
    function alertNodeName(id){
        alert($(id)nodeName);
    }
})();

  
    然後將要全局化的函數重命名一下(也可以不重命名)賦給window對象window[myNameSpace]

復制代碼 代碼如下:
(function(){
    if(!windowmyNamespace){window[myNameSpace]={};}
    function $(id){
        return documentgetElementById(id);
    }
    function alertNodeName(id){
        alert($(id)nodeName);
    }
    window[myNameSpace][showNodeName] = alertNodeName;
})();

  
    這樣我們就打造了一個自己的命名空間

復制代碼 代碼如下:

  
<!DOCTYPE HTML PUBLIC "//WC//DTD HTML 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 documentgetElementById(id);
  }
  function alertNodeName(id){
   alert($(id)nodeName);
  }
  window[myNameSpace] = {};
  window[myNameSpace][showNodeName] = alertNodeName;
 })();
    function Test(){
  myNameSpaceshowNodeName("T");
 }
  //>
  </SCRIPT>
 </HEAD>
 <BODY onload="Test()">
   <INPUT TYPE="text" NAME="T" ID="T" VALUE="Test">
 </BODY>
</HTML>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20328.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.