foo()
{
    

 x;
}

可以說是在熟悉不過了。當(dāng)然除了這種定義函數(shù)的方法，我們還有另外幾種方法也能定義函數(shù)：

()
{
    

 x;
}

    后兩種方法定義的JavaScript函數(shù)，在調(diào)用起來和第一種沒有任何效果上的區(qū)別。

    不過由于JavaScript是解釋性語言，當(dāng)我們定義一個函數(shù)的時候，解析引擎生成一個Function對象實例，然后把函數(shù)內(nèi)容保存下來。所以每執(zhí)行一次函數(shù)定義語句，就會生成一個函數(shù)。而不像編譯語言，一個函數(shù)編譯一次后就被任何語句調(diào)用。啊？難道JavaScript不能調(diào)用定義好的函數(shù)？不是這個意思了，當(dāng)我們在制作JavaScript控件時，如果動態(tài)輸出DHTML來作為控件的內(nèi)容，就容易出現(xiàn)這樣的問題。比如我們在一個HTML對象生成過程中，使用了inline方式定義的函數(shù)，那么這個元素生成幾次，那個函數(shù)也就要同時生成幾次。

 TestObject.prototype.Render(doc, id)
 {
    

 doc.createElement('SPAN');
    span.Object 

;
    

 span;

    

 )
    {
        span.onclick 

 asdf;
    }
    

    { 
        span.onclick 

()
        {
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
            

 ['a', 's', 'd', 'f'];
        };
    }
    span.Name 

.m_Description;
    span.innerText 

.m_Name;
    span.style.display 

 'block';
    

 span;
 }

    函數(shù)span.onclick = function()中的內(nèi)容是用來占位置的，這樣inline方式定義函數(shù)，每次Render()都就會生成一個新的函數(shù)對象。使用inline方式有什么不好呢？當(dāng)對象實例多了的時候，會很明顯的浪費內(nèi)存空間呀，試驗數(shù)據(jù)如下：

    

    

 

    

        Append Normal Elements

    

        Append Inline Elements

    

    

    

function GenerateObjects(elmt)
{
    var room = document.getElementById('container');
    for ( var i=0 ; i < 1000 ; ++i )
    {
         var obj = new TestObject('__Object__' + i);
         room.appendChild(obj.Render(document, elmt.id));
    } 
}

function TestObject(name)
{
    this.m_Name = name;
    this.m_Description = '';
    this.m_Element = null;
         
    this.toString = function()
    {
         return '[class TestObject]'; 
    }
}

function TestObject.prototype.Render(doc, id)
{
    var span = doc.createElement('SPAN');
    span.Object = this;
    this.m_Element = span;

    if ( id == "NamedMethod" )
    {
         span.onclick = asdf;
    }
    else
    { 
         span.onclick = function()
         {
             var asdf01 = ['a', 's', 'd', 'f'];
             var asdf02 = ['a', 's', 'd', 'f'];
             var asdf03 = ['a', 's', 'd', 'f'];
             var asdf04 = ['a', 's', 'd', 'f'];
             var asdf05 = ['a', 's', 'd', 'f'];
             var asdf06 = ['a', 's', 'd', 'f'];
             var asdf07 = ['a', 's', 'd', 'f'];
             var asdf08 = ['a', 's', 'd', 'f'];
             var asdf09 = ['a', 's', 'd', 'f'];
             var asdf10 = ['a', 's', 'd', 'f'];
             var asdf11 = ['a', 's', 'd', 'f'];
             var asdf12 = ['a', 's', 'd', 'f'];
         };
    }
    span.Name = this.m_Description;
    span.innerText = this.m_Name;
    span.style.display = 'block';
    return span;
}

function asdf()
{
    var asdf01 = ['a', 's', 'd', 'f'];
    var asdf02 = ['a', 's', 'd', 'f'];
    var asdf03 = ['a', 's', 'd', 'f'];
    var asdf04 = ['a', 's', 'd', 'f'];
    var asdf05 = ['a', 's', 'd', 'f'];
    var asdf06 = ['a', 's', 'd', 'f'];
    var asdf07 = ['a', 's', 'd', 'f'];
    var asdf08 = ['a', 's', 'd', 'f'];
    var asdf09 = ['a', 's', 'd', 'f'];
    var asdf10 = ['a', 's', 'd', 'f'];
    var asdf11 = ['a', 's', 'd', 'f'];
    var asdf12 = ['a', 's', 'd', 'f'];
}

    

function ReleaseElements()
{
    var room = document.getElementById('container');
    var spans = room.all.tags('SPAN');
    for ( var i=0 ; i < spans.length ; ++i )
    {
         spans[i].Object = '';
    }
} 

JavaScript技術(shù)：在JavaScript中使用inline函數(shù)的問題，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。