javaScript NameSpace 簡單說明介紹

2019-11-20 22:30:45

字體：大中小

供稿：網(wǎng)友

打造JavaScript命名空間其實(shí)很簡單，只需要將自己的函數(shù)、對象、變量等放在一個(gè)偽命名空間中，即用一個(gè)匿名函數(shù)包裝起來。

(function(){ 
    function $(id){ 
        return document.getElementById(id); 
    } 
    function alertNodeName(id){ 
        alert($(id).nodeName); 
    } 
})(); 

使用這種偽命名空間可以封裝并保護(hù)自己的所有函數(shù)、對象、變量，而且由于他們位于一個(gè)函數(shù)之中，相互之間也可以互相訪問。不過偽命名空間之外的腳本就無法使用這些函數(shù)了。
為了使這些函數(shù)可以被偽命名空間之外的腳本調(diào)用，我們首先創(chuàng)建一個(gè)window對象。

復(fù)制代碼代碼如下:

(function(){ 
    if(!window.myNamespace){window['myNameSpace']={};} 
    function $(id){ 
        return document.getElementById(id); 
    } 
    function alertNodeName(id){ 
        alert($(id).nodeName); 
    } 
})(); 

然后將要全局化的函數(shù)重命名一下（也可以不重命名）賦給window對象window['myNameSpace']。

復(fù)制代碼代碼如下:

 
(function(){ 
    if(!window.myNamespace){window['myNameSpace']={};} 
    function $(id){ 
        return document.getElementById(id); 
    } 
    function alertNodeName(id){ 
        alert($(id).nodeName); 
    } 
    window['myNameSpace']['showNodeName'] = alertNodeName; 
})(); 

這樣我們就打造了一個(gè)自己的命名空間。

復(fù)制代碼代碼如下:

 
<!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> 

上一篇：gridpanel動(dòng)態(tài)加載數(shù)據(jù)的實(shí)例代碼

下一篇：JS獲取鼠標(biāo)坐標(biāo)的實(shí)例方法

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注