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

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

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

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

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

4、JavaScript函數(shù)調(diào)用規(guī)則1　　在沒有通過明確所有者對象而直接調(diào)用的函數(shù)中，如myFunction()，將導致this的值成為默認對象（瀏覽器中的窗口）。　　函數(shù)調(diào)用　　讓我們現(xiàn)在創(chuàng)建一個簡單的對象,使用makeArray函數(shù)作為它的一個方法,我們將使用json的方式來聲明一個對象,我們也來調(diào)用這個方法?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的值變成了對象本身.你可能會疑問原始的函數(shù)定義并沒有改變,為何它不是window了呢.好吧,這就是函數(shù)在JSavacript中傳遞的方式,函數(shù)在JavaScript里是一個標準

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

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

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