function callLater(paramA, paramB, paramC) {
      /*使用函數(shù)表達式創(chuàng)建并放回一個匿名內(nèi)部函數(shù)的引用*/
      return (function () {
        /*
        這個內(nèi)部函數(shù)將被setTimeout函數(shù)執(zhí)行；
        并且當它被執(zhí)行時，
        它能夠訪問并操作外部函數(shù)傳遞過來的參數(shù)
        */
        paramA[paramB] = paramC;
      });
    }

    /*
    調(diào)用這個函數(shù)將在它的執(zhí)行上下文中創(chuàng)建，并最終返回內(nèi)部函數(shù)對象的引用
    傳遞過來的參數(shù)，內(nèi)部函數(shù)在最終被執(zhí)行時，將使用外部函數(shù)的參數(shù)
    返回的引用被賦予了一個變量
    */
    var funcRef = callLater(elStyle, "display", "none");
    /*調(diào)用setTimeout函數(shù)，傳遞內(nèi)部函數(shù)的引用作為第一個參數(shù)*/
    hideMenu = setTimeout(funcRef, 500);

/*
    一個給對象實例關(guān)聯(lián)一個事件處理器的普通方法，
    返回的內(nèi)部函數(shù)被作為事件的處理器，
    對象實例被作為obj參數(shù)，對象上將要被調(diào)用的方法名稱被作為第二個參數(shù)
    */
    function associateObjWithEvent(obj, methodName) {
      /*返回的內(nèi)部函數(shù)被用來作為一個DOM元素的事件處理器*/
      return (function (e) {
        /*
        事件對象在DOM標準的瀏覽器中將被轉(zhuǎn)換為e參數(shù)，
        如果沒有傳遞參數(shù)給事件處理內(nèi)部函數(shù)，將統(tǒng)一處理成IE的事件對象
        */
        e = e || window.event;
        /*
        事件處理器調(diào)用obj對象上的以methodName字符串標識的方法
        并傳遞兩個對象：通用的事件對象，事件處理器被訂閱的元素的引用
        這里this參數(shù)能夠使用，因為內(nèi)部函數(shù)已經(jīng)被執(zhí)行作為事件處理器所在元素的一個方法
        */
        return obj[methodName](e, this);
      });
    }

    /*
    這個構(gòu)造器函數(shù)，通過將元素的ID作為字符串參數(shù)傳遞進來，
    來創(chuàng)建將自身關(guān)聯(lián)到DOM元素上的對象，
    對象實例想在對應(yīng)的元素觸發(fā)onclick、onmouseover、onmouseout事件時
    對應(yīng)的方法被調(diào)用。
    */
    function DhtmlObject(elementId) {
      /*
      調(diào)用一個方法來獲得一個DOM元素的引用
      如果沒有找到，則為null
      */
      var el = getElementWith(elementId);
      /*
      因為if語句塊，el變量的值在內(nèi)部進行了類型轉(zhuǎn)換，變成了boolean類型
      所以當它指向一個對象，結(jié)果就為true,如果為null則為false
      */
      if (el) {
        /*
        為了給元素指定一個事件處理函數(shù)，調(diào)用了associateObjWithEvent函數(shù)，
        利用它自己(this關(guān)鍵字)作為被調(diào)用方法的對象，并且提供方法名稱
        */
        el.onclick = associateObjWithEvent(this, "doOnClick");
        el.onmouseover = associateObjWithEvent(this, "doOnMouseOver");
        el.onmouseout = associateObjWithEvent(this, "doOnMouseOut");
      }
    }

    DhtmlObject.prototype.doOnClick = function (event, element) {
      //doOnClick body
    }
    DhtmlObject.prototype.doMouseOver = function (event, element) {
      //doMouseOver body
    }

    DhtmlObject.prototype.doMouseOut = function (event, element) {
      //doMouseOut body
    }

/*
     定義一個全局變量：getImgInPositionedDivHtml
     被賦予對外部函數(shù)表達式一次調(diào)用返回的一個內(nèi)部函數(shù)表達式

     內(nèi)部函數(shù)返回了一個HTML字符串，代表一個絕對定位的DIV
     包裹這一個IMG元素，而所有的變量值都被作為函數(shù)調(diào)用的參數(shù)
    */
    var getImgInPositionedDivHtml = (function () {
      /*
      buffAr 數(shù)組被定義在外部函數(shù)表達式中，作為一個局部變量
      它只被創(chuàng)建一次。數(shù)組的唯一實例對內(nèi)部函數(shù)是可見的，
      所以它可以被用于每一次的內(nèi)部函數(shù)執(zhí)行

      空字符串僅僅被用來作為一個占位符，它將被內(nèi)部函數(shù)的參數(shù)代替
      */
      var buffAr = [
         '<div id="',
        '',  //index 1, DIV ID attribute
        '" style="position:absolute;top:',
        '',  //index 3, DIV top position
        'px;left:',
        '',  //index 5, DIV left position
        'px;width:',
        '',  //index 7, DIV width
        'px;height:',
        '',  //index 9, DIV height
        'px;overflow:hidden;\"><img src=\"',
        '',  //index 11, IMG URL
        '\" width=\"',
        '',  //index 13, IMG width
        '\" height=\"',
        '',  //index 15, IMG height
        '\" alt=\"',
        '',  //index 17, IMG alt text
        '\"><\/div>'
      ];

      /*
      返回一個內(nèi)部函數(shù)對象，他是函數(shù)表達式執(zhí)行返回的結(jié)果
      */
      return (function (url, id, width, height, top, left, altText) {
        /*
        分配各種參數(shù)給對應(yīng)的數(shù)組元素
        */
        buffAr[1] = id;
        buffAr[3] = top;
        buffAr[5] = left;
        buffAr[13] = (buffAr[7] = width);
        buffAr[15] = (buffAr[9] = height);
        buffAr[11] = url;
        buffAr[17] = altText;

        /*
        返回連接每個元素后創(chuàng)建的字符串
        */
        return buffAr.join('');
      });
    })();