javascript調(diào)用函數(shù)的方法

《javascript調(diào)用函數(shù)的方法》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、一次又一次的,我發(fā)現(xiàn),那些有bug的Javascript代碼是由于沒有真正理解Javascript函數(shù)是如何工作而導(dǎo)致的(順便說一下,許多那樣的代碼是我寫的).JavaScript擁有函數(shù)式編程的特性,當(dāng)我們選擇面對它的時候,這將成為我們前進的阻礙.?　　作為初學(xué)者,我們來測試五種函數(shù)調(diào)用的方法,從表面來看我們會認(rèn)為那些函數(shù)與C#中函數(shù)的作用非常相似,但是我們一會兒可以看到還是有非常重要的不同的地方的,忽視這些差異無疑會導(dǎo)致難于跟蹤的bug。首先讓我們創(chuàng)建一個簡單的函數(shù),這個函數(shù)將在將在下文中使用,這個函數(shù)僅僅返回當(dāng)前

2、的this的值和兩個提供的參數(shù).?12345function?makeArray(arg1,arg2){????return?[this,arg1,arg2];}　　最常用的方法,但不幸的,全局的函數(shù)調(diào)用　　當(dāng)我們學(xué)習(xí)Javascript時，我們了解到如何用上面示例中的語法來定義函數(shù)?！　∥覀円仓勒{(diào)用這個函數(shù)非常的簡單,我們需要做的僅僅是:?123456789makeArray('one','two');//=>[window,'one',

3、'two']Waitaminute.What'sthatwindowalert(typeofwindow.methodThatDoesntExist);//=>undefinedalert(typeofwindow.makeArray);//=>window.makeArray('one','two');//=>[window,'one','two']　　我說最普遍的調(diào)用方法是不幸的是因為它導(dǎo)致我們聲明的函數(shù)默認(rèn)是全局的.我們都知道全局成員不是編程的最佳實踐.這在JavaScript里是特別的正確,在JavaScrip

4、t中避免使用全局的成員,你是不會為之后悔的.　　JavaScript函數(shù)調(diào)用規(guī)則1　　在沒有通過明確所有者對象而直接調(diào)用的函數(shù)中，如myFunction()，將導(dǎo)致this的值成為默認(rèn)對象（瀏覽器中的窗口）?！　『瘮?shù)調(diào)用　　讓我們現(xiàn)在創(chuàng)建一個簡單的對象,使用makeArray函數(shù)作為它的一個方法,我們將使用json的方式來聲明一個對象,我們也來調(diào)用這個方法?1234567891011//creatingtheobjectvar?arrayMaker={????someProperty:'somevaluehere',?

5、???make:makeArray};//invokethemake()methodarrayMaker.make('one','two');//=>[arrayMaker,'one','two']//alternativesyntax,usingsquarebracketsarrayMaker['make']('one','two');//=>[arrayMaker,'one','two']　　看到這里的不同了吧,this的值變成了對象本身.你可能會疑問原始的函數(shù)定義并沒有改變,為何它不是window了呢.好吧,這就

6、是函數(shù)在JSavacript中傳遞的方式,函數(shù)在JavaScript里是一個標(biāo)準(zhǔn)的數(shù)據(jù)類型,確切的說是一個對象.你可以傳遞它們或者復(fù)制他們.就好像整個函數(shù)連帶參數(shù)列表和函數(shù)體都被復(fù)制,且被分配給了arrayMaker里的屬性make,那就好像這樣定義一個arrayMaker:?123456var?arrayMaker={????someProperty:'somevaluehere',????make:function?(arg1,arg2){????????return?[this,arg1,arg2];????}}

7、;　　JavaScript函數(shù)調(diào)用規(guī)則2　　在一個使用方法調(diào)用語法,像obj.myFunction()或者obj['myFunction'](),這時this的值為obj?　　這是事件處理代碼中bug的主要源頭,看看這些例子?1234567891011

8、="btn3"??onclick="buttonClicked();"/>function?buttonClicked(){????var?text=(this?===window)?'window'?:this.id;????alert(text);}var?butto