欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javaScript NameSpace 簡(jiǎn)單說(shuō)明介紹

 更新時(shí)間:2013年07月18日 16:54:26   作者:  
命名空間,一看就知道主要目的是為了避免沖突。下面就來(lái)說(shuō)一下如何打造自己的JavaScript命名空間。
    打造JavaScript命名空間其實(shí)很簡(jiǎn)單,只需要將自己的函數(shù)、對(duì)象、變量等放在一個(gè)偽命名空間中,即用一個(gè)匿名函數(shù)包裝起來(lái)。
 
復(fù)制代碼 代碼如下:

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

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

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

    然后將要全局化的函數(shù)重命名一下(也可以不重命名)賦給window對(duì)象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>

相關(guān)文章

  • 詳解JavaScript中的自定義事件編寫

    詳解JavaScript中的自定義事件編寫

    這篇文章主要介紹了JavaScript中的自定義事件編寫,自定義事件是在瀏覽器中編寫Web頁(yè)面操作功能的基本方式,需要的朋友可以參考下
    2016-05-05
  • 談?wù)勱P(guān)于JavaScript 中的 MVC 模式

    談?wù)勱P(guān)于JavaScript 中的 MVC 模式

    本文介紹了模型-視圖-控制器模式在 JavaScript 中的實(shí)現(xiàn),有需要的朋友可以參考一下
    2013-04-04
  • javascript數(shù)組操作(創(chuàng)建、元素刪除、數(shù)組的拷貝)

    javascript數(shù)組操作(創(chuàng)建、元素刪除、數(shù)組的拷貝)

    這篇文章主要介紹了javascript數(shù)組操作,包括創(chuàng)建、元素的訪問(wèn)、元素刪除、數(shù)組的拷貝等操作,還有其它示例,需要的朋友可以參考下
    2014-04-04
  • 關(guān)于reduce的介紹及用法說(shuō)明

    關(guān)于reduce的介紹及用法說(shuō)明

    這篇文章主要介紹了關(guān)于reduce的用法及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-07-07
  • ES6基礎(chǔ)知識(shí)介紹

    ES6基礎(chǔ)知識(shí)介紹

    ECMAScript 6.0(以下簡(jiǎn)稱 ES6)是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn),已經(jīng)在2015年6月正式發(fā)布了。它的目標(biāo)是使得JavaScript語(yǔ)言可以用來(lái)編寫復(fù)雜的大型應(yīng)用程序,成為企業(yè)級(jí)開發(fā)語(yǔ)言。
    2022-04-04
  • Javascript 二維數(shù)組

    Javascript 二維數(shù)組

    Javascript二維數(shù)組的實(shí)現(xiàn)代碼,需要的朋友可以參考下。
    2009-11-11
  • JavaScript 閉包詳細(xì)介紹

    JavaScript 閉包詳細(xì)介紹

    這篇文章主要介紹了JavaScript 閉包的相關(guān)資料,需要的朋友可以參考下
    2016-09-09
  • JavaScript中OnLoad幾種使用方法

    JavaScript中OnLoad幾種使用方法

    在前幾個(gè)項(xiàng)目的開發(fā)中遇到onload使用的幾種情形,接下來(lái)詳細(xì)介紹下
    2012-12-12
  • JavaScript稀疏數(shù)組示例教程

    JavaScript稀疏數(shù)組示例教程

    這篇文章主要為大家介紹了JavaScript稀疏數(shù)組的使用示例教程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-06-06
  • ES5學(xué)習(xí)教程之Array對(duì)象

    ES5學(xué)習(xí)教程之Array對(duì)象

    這篇文章主要給大家介紹了ES5中新增的Array對(duì)象的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-04-04

最新評(píng)論