JavaScript調(diào)用函數(shù)的方法.docx

《JavaScript調(diào)用函數(shù)的方法.docx》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

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

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

3、e.What'sthatwindowalert(typeofwindow.methodThatDoesntExist);//=>undefinedalert(typeofwindow.makeArray);//=>window.makeArray('one','two');//=>[window,'one','two']　　我說(shuō)最普遍的調(diào)用方法是不幸的是因?yàn)樗鼘?dǎo)致我們聲明的函數(shù)默認(rèn)是全局的.我們都知道全局成員不是編程的最佳實(shí)踐.這在JavaScript里是特別的正確,在JavaScript中避免使用全局的成員,你是不會(huì)為之后悔的.　　

4、JavaScript函數(shù)調(diào)用規(guī)則1　　在沒(méi)有通過(guò)明確所有者對(duì)象而直接調(diào)用的函數(shù)中，如myFunction()，將導(dǎo)致this的值成為默認(rèn)對(duì)象（瀏覽器中的窗口）?！　『瘮?shù)調(diào)用　　讓我們現(xiàn)在創(chuàng)建一個(gè)簡(jiǎn)單的對(duì)象,使用makeArray函數(shù)作為它的一個(gè)方法,我們將使用json的方式來(lái)聲明一個(gè)對(duì)象,我們也來(lái)調(diào)用這個(gè)方法?1234567891011//creatingtheobjectvar?arrayMaker={????someProperty:'somevaluehere',????make:makeArray};//invokethema

5、ke()methodarrayMaker.make('one','two');//=>[arrayMaker,'one','two']//alternativesyntax,usingsquarebracketsarrayMaker['make']('one','two');//=>[arrayMaker,'one','two']　　看到這里的不同了吧,this的值變成了對(duì)象本身.你可能會(huì)疑問(wèn)原始的函數(shù)定義并沒(méi)有改變,為何它不是window了呢.好吧,這就是函數(shù)在JSavacript中傳遞的方式,函數(shù)在JavaScript里是一個(gè)標(biāo)準(zhǔn)

6、的數(shù)據(jù)類型,確切的說(shuō)是一個(gè)對(duì)象.你可以傳遞它們或者復(fù)制他們.就好像整個(gè)函數(shù)連帶參數(shù)列表和函數(shù)體都被復(fù)制,且被分配給了arrayMaker里的屬性make,那就好像這樣定義一個(gè)arrayMaker:?123456var?arrayMaker={????someProperty:'somevaluehere',????make:function?(arg1,arg2){????????return?[this,arg1,arg2];????}};　　JavaScript函數(shù)調(diào)用規(guī)則2　　在一個(gè)使用方法調(diào)用語(yǔ)法,像obj.myFunctio

7、n()或者obj['myFunction'](),這時(shí)this的值為obj?　　這是事件處理代碼中bug的主要源頭,看看這些例子?1234567891011

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