談?wù)凧avaScript中的函數(shù)
JS中的函數(shù)簡(jiǎn)介
JS中的函數(shù)是一種通過(guò)調(diào)用來(lái)完成具體業(yè)務(wù)的一段代碼塊。最核心的目的是將可重復(fù)執(zhí)行的操作進(jìn)行封裝,然后供調(diào)用方無(wú)限制的調(diào)用。
JS中的函數(shù)的定義
JS中函數(shù)定義,有如下兩種形式:
方式1
function f1(){} //函數(shù)聲明,f1為函數(shù)名,可以將其理解為變量f1指向一個(gè)函數(shù) function f2(){return 100;}//函數(shù)允許有返回值 function f3(a,b){}//函數(shù)中可以定義多個(gè)參數(shù),無(wú)需指定變量類型
方式2
var f4=function(){} //函數(shù)表達(dá)式,這里變量名f4為函數(shù)名 var f5=function(){return 100;}//函數(shù)允許有返回值 var f6=function(a,b,c){}
案例分享
JS中的函數(shù)調(diào)用
JS中的函數(shù)定義好以后,必須調(diào)用才會(huì)執(zhí)行,常用調(diào)用方式有如下兩種:
方式1:通過(guò)函數(shù)名直接調(diào)用
f1(); f3(10,20); //調(diào)用函數(shù)時(shí)指定其實(shí)際參數(shù) f6(10,20,30)
方式2:匿名函數(shù)自調(diào)用,目的是創(chuàng)建函數(shù)作用域,防止污染全局.
(function(){})() (function(){}())
案例分享
基于函數(shù)名進(jìn)行調(diào)用
函數(shù)的自調(diào)用
回調(diào)函數(shù)
JS中的回調(diào)函數(shù),將函數(shù)以實(shí)參的形式進(jìn)行傳遞。
function f(callback){ callback()//調(diào)用傳入的匿名函數(shù) };//定義函數(shù) f(function(){console.log("hello"))//調(diào)用函數(shù),函數(shù)內(nèi)部傳入的匿名函數(shù)為回調(diào)函數(shù)
案例分享
JS中的回調(diào)函數(shù),將函數(shù)以實(shí)參的形式進(jìn)行傳遞。
function f(callback){ callback()//調(diào)用傳入的匿名函數(shù) };//定義函數(shù) f(function(){console.log("hello"))//調(diào)用函數(shù),函數(shù)內(nèi)部傳入的匿名函數(shù)為回調(diào)函數(shù)
案例分享
總結(jié)(Summary)
本小節(jié)主要從函數(shù)的概念,定義,調(diào)用,回調(diào)幾個(gè)角度對(duì)函數(shù)做了一個(gè)基本介紹,小試伸手,用于交流。
以上就是談?wù)凧avaScript中的函數(shù)的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 函數(shù)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
js實(shí)現(xiàn)簡(jiǎn)單的無(wú)縫輪播效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的無(wú)縫輪播效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09基于JavaScript實(shí)現(xiàn)的插入排序算法分析
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)的插入排序算法,結(jié)合實(shí)例形式詳細(xì)分析了插入排序的原理、操作步驟及javascript相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2017-04-04一個(gè)js封裝的不錯(cuò)的選項(xiàng)卡效果代碼
在論壇里經(jīng)??吹饺藛栠x項(xiàng)卡或者類似選項(xiàng)卡的切換效果 這里封裝了個(gè)js,希望對(duì)大家有用 所有代碼都在下面了 如果有錯(cuò)誤或者建議,可以回貼告訴我,謝謝2008-02-02Javascript實(shí)現(xiàn)仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
兼容:IE7以上版本及FF;(騰訊的WebQQ3.0好像也不兼容IE6,其實(shí)這樣挺好的)2011-04-04