Javascript中的方法和匿名方法實例詳解
本文實例講述了Javascript中的方法和匿名方法。分享給大家供大家參考。具體分析如下：
Javascript方法（函數(shù)）
聲明函數(shù)
以function開頭，后跟函數(shù)名，與C#、java不同，Javascript不需要聲明返回值類型、參數(shù)類型。沒有返回值就是undefined。
舉個例子更清楚：
無參數(shù)無返回值的方法：
function f1(){
alert('這是一個方法');
}
f1();//調(diào)用方法
無參數(shù)有返回值的方法：
function f2(){
return 100;
}
var result=f2();//聲明一個變量，接收f1()中的返回值
alert(result);//100
有參數(shù)有返回值的方法：
function f3(n1,n2){
return n1+n2;
}
var result=f3(20,30);
alert(result);//50
注意1：
先看例子：
function f1(){
alert('這是一個方法');
}
alert(f1());//彈出”這是一個方法”后，還會顯示undefined
原因：js中，變量沒有賦值，就是undefined；該栗中f1()沒有返回值，那么就是一個未知的值（undefined），這里未知的變量放入alert()，當然彈出的就是undefined
注意2：
alert(f1);//不寫括號，會將f1整個代碼以字符串形式顯示出來：
function f1(){
alert('這是一個方法');
}
JavaScript中沒有方法重載
只調(diào)用最新定義的方法：
function f1(n1,n2){
alert(n1+n2);
}
function f1(n1,n2){
alert(n1-n2);
}
f1(10,2);//8
結論：無論在哪里調(diào)用，都只調(diào)用最新定義的方法。
注意：數(shù)字+undefined=undefined
function f1(n1,n2,n3){
alert(n1-n2+n3);
}
f1(10,2);
//NaN,因為沒有給n3傳值，n3就是undefined，
//數(shù)字加上undefined還是undefined
以上結論：Javascript中沒有方法重載
定義方法時注意：
自定義函數(shù)名不要和內(nèi)置方法重名：
不要和js內(nèi)置、dom內(nèi)置方法重名，比如selectAll、focus等函數(shù)名不要用。
不要與系統(tǒng)函數(shù)重名。(在單擊事件中調(diào)用自己定義的focus方法，有問題。與系統(tǒng)的focus()方法重名了)
書寫規(guī)則括號注意：
一般在js中編寫大括號都是直接跟在后面
function f1(){
return
{
age:100};
}
var s=f1();
alert(s.age);
//undefined。s結果是undefined，undefined.age必然還是undefined
匿名方法（用的非常多）
為什么推薦用匿名方法？
1、有一個1.js中有個方法function aa(){alert{'我挺帥了'}}
2、有一個2.js中有個方法function aa(){alert{'我越來越帥了'}}
3、將1.js和2.js依次導入到index.html中，調(diào)用aa()；結果顯示：我越來越帥了。
結論：2.js中的aa()方法會覆蓋1.js中的aa()
怎么辦？不再指定方法名，使用匿名方法
先看一個將匿名方法賦給變量例子：
var ff=function(n1,n2){
return n1+n2;
};
alert(ff(20,30));//50
一行寫完匿名方法：
小案例:1：
var x=1;
var y=0;
var z=0;
var add=function (n){n=n+1;return n};
y=add(x);//結果是2,先調(diào)用上面add
add=function(n){n=n+3;return n;};
z=add(x);//結果是4，調(diào)用上面臨近的這個add
alert(y+','+z);//2,4
小案例2：
function aa()
{
alert("aaa");
return function(){alert("bbb");};
}
alert(aa);//不寫括號，會將aa方法的整個代碼顯示出來
alert(aa());//aaa，function(){alert("bbb");}; aaa就不解釋了，后面那一串是作為aa()的返回值顯示
alert(aa()());//aaa,bbb,undefined
//下面分解上面這句進行解釋
var s=aa();//aaa
alert(s());//s()就是function(){alert("bbb");};首先彈出bbb，其次該方法沒有返回值，故彈出undefined
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
bootstrap制作jsp頁面（根據(jù)值讓table顯示選中）
這篇文章主要為大家詳細介紹了bootstrap做的jsp頁面,根據(jù)值讓table顯示選中，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
實現(xiàn)tab頁很多方法，有一些是用純CSS實現(xiàn)，其他大多數(shù)是基于jquery、mootools或者其他js框架實現(xiàn)，既然有這么多可以拿來即用的插件，又何苦重復造輪子。2009-06-06
在論壇中閑逛，無意中發(fā)現(xiàn)騰訊的ip接口。還是挺有意思的。大家可以利用下，這個IP接口所查詢到的還是比較準確，我發(fā)給幾個朋友測試了一下都是正確的，畢竟是騰訊的東西。2010-11-11
這篇文章主要介紹了在HTTPS 項目中使用百度地圖 API，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
本篇文章主要介紹了JavaScript中瀏覽器兼容問題的寫法小議，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法
這篇文章主要介紹了JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法,實例分析了javascript針對節(jié)點元素的替換、刪除及常用的幾種添加技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了詳解小程序原生使用ES7 async/await語法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
給所有的超級練級都加上onmousemove時間的js代碼...2007-08-08
項目中需要前端書寫登錄頁面，用戶輸入賬號密碼，本文主要介紹了js前端登錄加密解決方案，具有一定的參考價值，感興趣的可以了解一下2024-02-02
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)電影App導航和輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11