欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中的方法和匿名方法實例詳解

 更新時間:2015年06月13日 14:20:00   作者:IT金鐘國  
這篇文章主要介紹了Javascript中的方法和匿名方法,以實例形式較為詳細的分析了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

一行寫完匿名方法:

復制代碼 代碼如下:
(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);//結果是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顯示選中)

    這篇文章主要為大家詳細介紹了bootstrap做的jsp頁面,根據(jù)值讓table顯示選中,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • Javascript Tab 導航插件 (23個)

    Javascript Tab 導航插件 (23個)

    實現(xiàn)tab頁很多方法,有一些是用純CSS實現(xiàn),其他大多數(shù)是基于jquery、mootools或者其他js框架實現(xiàn),既然有這么多可以拿來即用的插件,又何苦重復造輪子。
    2009-06-06
  • 騰訊的ip接口 方便獲取當前用戶的ip地理位置

    騰訊的ip接口 方便獲取當前用戶的ip地理位置

    在論壇中閑逛,無意中發(fā)現(xiàn)騰訊的ip接口。還是挺有意思的。大家可以利用下,這個IP接口所查詢到的還是比較準確,我發(fā)給幾個朋友測試了一下都是正確的,畢竟是騰訊的東西。
    2010-11-11
  • 詳解在HTTPS 項目中使用百度地圖 API

    詳解在HTTPS 項目中使用百度地圖 API

    這篇文章主要介紹了在HTTPS 項目中使用百度地圖 API,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • 談談JavaScript中瀏覽器兼容問題的寫法小議

    談談JavaScript中瀏覽器兼容問題的寫法小議

    本篇文章主要介紹了JavaScript中瀏覽器兼容問題的寫法小議,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2016-12-12
  • JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法

    JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法

    這篇文章主要介紹了JS實現(xiàn)添加,替換,刪除節(jié)點元素的方法,實例分析了javascript針對節(jié)點元素的替換、刪除及常用的幾種添加技巧,需要的朋友可以參考下
    2016-06-06
  • 詳解小程序原生使用ES7 async/await語法

    詳解小程序原生使用ES7 async/await語法

    這篇文章主要介紹了詳解小程序原生使用ES7 async/await語法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08
  • 給所有的超級練級都加上onmousemove時間的js代碼

    給所有的超級練級都加上onmousemove時間的js代碼

    給所有的超級練級都加上onmousemove時間的js代碼...
    2007-08-08
  • js前端登錄加密解決方案

    js前端登錄加密解決方案

    項目中需要前端書寫登錄頁面,用戶輸入賬號密碼,本文主要介紹了js前端登錄加密解決方案,具有一定的參考價值,感興趣的可以了解一下
    2024-02-02
  • 微信小程序實現(xiàn)電影App導航和輪播

    微信小程序實現(xiàn)電影App導航和輪播

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)電影App導航和輪播,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11

最新評論