本文實(shí)例講述了Javascript中的方法和匿名方法。分享給大家供大家參考。具體分析如下：
Javascript方法（函數(shù)）
聲明函數(shù)
以function開(kāi)頭，后跟函數(shù)名，與C#、java不同，Javascript不需要聲明返回值類(lèi)型、參數(shù)類(lèi)型。沒(méi)有返回值就是undefined。
舉個(gè)例子更清楚：
無(wú)參數(shù)無(wú)返回值的方法：
function f1(){alert('這是一個(gè)方法');}f1();//調(diào)用方法 無(wú)參數(shù)有返回值的方法：
function f2(){return 100;}var result=f2();//聲明一個(gè)變量，接收f(shuō)1()中的返回值alert(result);//100 有參數(shù)有返回值的方法：
function f3(n1,n2){return n1+n2;}var result=f3(20,30);alert(result);//50注意1：
先看例子：
function f1(){ alert('這是一個(gè)方法'); }alert(f1());//彈出”這是一個(gè)方法”后，還會(huì)顯示undefined原因：js中，變量沒(méi)有賦值，就是undefined；該栗中f1()沒(méi)有返回值，那么就是一個(gè)未知的值（undefined），這里未知的變量放入alert()，當(dāng)然彈出的就是undefined
注意2：
alert(f1);//不寫(xiě)括號(hào)，會(huì)將f1整個(gè)代碼以字符串形式顯示出來(lái)：function f1(){ alert('這是一個(gè)方法'); } JavaScript中沒(méi)有方法重載
只調(diào)用最新定義的方法：
function f1(n1,n2){ alert(n1+n2); } function f1(n1,n2){ alert(n1-n2); } f1(10,2);//8結(jié)論：無(wú)論在哪里調(diào)用，都只調(diào)用最新定義的方法。
注意：數(shù)字+undefined=undefined
function f1(n1,n2,n3){ alert(n1-n2+n3); } f1(10,2);//NaN,因?yàn)闆](méi)有給n3傳值，n3就是undefined，//數(shù)字加上undefined還是undefined以上結(jié)論：Javascript中沒(méi)有方法重載
定義方法時(shí)注意：
自定義函數(shù)名不要和內(nèi)置方法重名：
不要和js內(nèi)置、dom內(nèi)置方法重名，比如selectAll、focus等函數(shù)名不要用。
不要與系統(tǒng)函數(shù)重名。(在單擊事件中調(diào)用自己定義的focus方法，有問(wèn)題。與系統(tǒng)的focus()方法重名了)
書(shū)寫(xiě)規(guī)則括號(hào)注意：
一般在js中編寫(xiě)大括號(hào)都是直接跟在后面
function f1(){ return { age:100}; } var s=f1(); alert(s.age);//undefined。s結(jié)果是undefined，undefined.age必然還是undefined匿名方法（用的非常多）
為什么推薦用匿名方法？
1、有一個(gè)1.js中有個(gè)方法function aa(){alert{'我挺帥了'}}
2、有一個(gè)2.js中有個(gè)方法function aa(){alert{'我越來(lái)越帥了'}}
3、將1.js和2.js依次導(dǎo)入到index.html中，調(diào)用aa()；結(jié)果顯示：我越來(lái)越帥了。
結(jié)論：2.js中的aa()方法會(huì)覆蓋1.js中的aa()
怎么辦？不再指定方法名，使用匿名方法
先看一個(gè)將匿名方法賦給變量例子：
var ff=function(n1,n2){ return n1+n2; }; alert(ff(20,30));//50一行寫(xiě)完匿名方法：
小案例:1：
var x=1; var y=0; var z=0; var add=function (n){n=n+1;return n}; y=add(x);//結(jié)果是2,先調(diào)用上面add add=function(n){n=n+3;return n;}; z=add(x);//結(jié)果是4，調(diào)用上面臨近的這個(gè)add alert(y+','+z);//2,4小案例2：
function aa() { alert("aaa"); return function(){alert("bbb");}; } alert(aa);//不寫(xiě)括號(hào)，會(huì)將aa方法的整個(gè)代碼顯示出來(lái) alert(aa());//aaa，function(){alert("bbb");}; aaa就不解釋了，后面那一串是作為aa()的返回值顯示 alert(aa()());//aaa,bbb,undefined //下面分解上面這句進(jìn)行解釋 var s=aa();//aaa alert(s());//s()就是function(){alert("bbb");};首先彈出bbb，其次該方法沒(méi)有返回值，故彈出undefined希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
