Javascript中的方法和匿名方法實(shí)例詳解

更新時(shí)間：2015年06月13日 14:20:00 作者：IT金鐘國

這篇文章主要介紹了Javascript中的方法和匿名方法,以實(shí)例形式較為詳細(xì)的分析了javascript中方法及匿名方法的定義與使用技巧,需要的朋友可以參考下

本文實(shí)例講述了Javascript中的方法和匿名方法。分享給大家供大家參考。具體分析如下：

Javascript方法（函數(shù)）

聲明函數(shù)

以function開頭，后跟函數(shù)名，與C#、java不同，Javascript不需要聲明返回值類型、參數(shù)類型。沒有返回值就是undefined。

舉個(gè)例子更清楚：
無參數(shù)無返回值的方法：

function f1(){
alert('這是一個(gè)方法');
}
f1();//調(diào)用方法

無參數(shù)有返回值的方法：

function f2(){
return 100;
}
var result=f2();//聲明一個(gè)變量，接收f1()中的返回值
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中，變量沒有賦值，就是undefined；該栗中f1()沒有返回值，那么就是一個(gè)未知的值（undefined），這里未知的變量放入alert()，當(dāng)然彈出的就是undefined

注意2：

alert(f1);//不寫括號(hào)，會(huì)將f1整個(gè)代碼以字符串形式顯示出來：
function f1(){ 
alert('這是一個(gè)方法'); 
}

JavaScript中沒有方法重載

只調(diào)用最新定義的方法：

function f1(n1,n2){ 
alert(n1+n2); 
} 
function f1(n1,n2){ 
alert(n1-n2); 
} 
f1(10,2);//8

結(jié)論：無論在哪里調(diào)用，都只調(diào)用最新定義的方法。

注意：數(shù)字+undefined=undefined

function f1(n1,n2,n3){ 
alert(n1-n2+n3); 
} 
f1(10,2);
//NaN,因?yàn)闆]有給n3傳值，n3就是undefined，
//數(shù)字加上undefined還是undefined

以上結(jié)論：Javascript中沒有方法重載

定義方法時(shí)注意：

自定義函數(shù)名不要和內(nèi)置方法重名：
不要和js內(nèi)置、dom內(nèi)置方法重名，比如selectAll、focus等函數(shù)名不要用。

不要與系統(tǒng)函數(shù)重名。(在單擊事件中調(diào)用自己定義的focus方法，有問題。與系統(tǒng)的focus()方法重名了)

書寫規(guī)則括號(hào)注意：

一般在js中編寫大括號(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{'我越來越帥了'}}

3、將1.js和2.js依次導(dǎo)入到index.html中，調(diào)用aa()；結(jié)果顯示：我越來越帥了。

結(jié)論：2.js中的aa()方法會(huì)覆蓋1.js中的aa()

怎么辦？不再指定方法名，使用匿名方法

先看一個(gè)將匿名方法賦給變量例子：

var ff=function(n1,n2){ 
return n1+n2; 
}; 
alert(ff(20,30));//50

一行寫完匿名方法：

復(fù)制代碼代碼如下:

(function (n1,n2){alert(n1+n2);})(9,9);

小案例: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);//不寫括號(hào)，會(huì)將aa方法的整個(gè)代碼顯示出來 
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，其次該方法沒有返回值，故彈出undefined

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: