談?wù)凧avaScript中的函數(shù)
更新時間：2020年09月08日 09:45:37 作者：white night
這篇文章主要介紹了JavaScript中的函數(shù)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
JS中的函數(shù)簡介
JS中的函數(shù)是一種通過調(diào)用來完成具體業(yè)務(wù)的一段代碼塊。最核心的目的是將可重復(fù)執(zhí)行的操作進行封裝，然后供調(diào)用方無限制的調(diào)用。
JS中的函數(shù)的定義
JS中函數(shù)定義，有如下兩種形式：
方式1
function f1(){} //函數(shù)聲明,f1為函數(shù)名,可以將其理解為變量f1指向一個函數(shù)
function f2(){return 100;}//函數(shù)允許有返回值
function f3(a,b){}//函數(shù)中可以定義多個參數(shù),無需指定變量類型
方式2
var f4=function(){} //函數(shù)表達式,這里變量名f4為函數(shù)名
var f5=function(){return 100;}//函數(shù)允許有返回值
var f6=function(a,b,c){}
案例分享
JS中的函數(shù)調(diào)用
JS中的函數(shù)定義好以后，必須調(diào)用才會執(zhí)行，常用調(diào)用方式有如下兩種：
方式1:通過函數(shù)名直接調(diào)用
f1(); f3(10,20); //調(diào)用函數(shù)時指定其實際參數(shù) f6(10,20,30)
方式2:匿名函數(shù)自調(diào)用,目的是創(chuàng)建函數(shù)作用域,防止污染全局.
(function(){})()
(function(){}())
案例分享
基于函數(shù)名進行調(diào)用
函數(shù)的自調(diào)用
回調(diào)函數(shù)
JS中的回調(diào)函數(shù),將函數(shù)以實參的形式進行傳遞。
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ù)以實參的形式進行傳遞。
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)幾個角度對函數(shù)做了一個基本介紹，小試伸手，用于交流。
以上就是談?wù)凧avaScript中的函數(shù)的詳細內(nèi)容，更多關(guān)于JavaScript 函數(shù)的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
最近發(fā)現(xiàn)JS當(dāng)中toFixed()方法存在一些問題，采用原生的Number對象的原型對象上的toFixed()方法時，規(guī)則并不是所謂的“四舍五入”或者是四舍六入五成雙2012-11-11
當(dāng)js獲取這三種樣式時,style只能獲取內(nèi)聯(lián)樣式，獲取不到外部樣式和嵌入式樣式,因此要用currentStyle屬性，而currentStyle在FF下不支持2009-08-08
這篇文章主要介紹了JavaScript?原始包裝類型匯總，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-05-05
這篇文章主要介紹了JavaScript表格常用操作方法,實例匯總了javascript中表格操作的創(chuàng)建、添加、刪除、遍歷等常用操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了js與jquery回車提交的方法,實例分析了js與jQuery中監(jiān)測及相應(yīng)回車鍵實現(xiàn)提交的技巧,需要的朋友可以參考下2015-02-02
Javascript中的事件都是與對象相關(guān)聯(lián)的，而不是語言本身所有，當(dāng)Javascript在瀏覽器中運行的時候，事件與每個瀏覽器實現(xiàn)的DOM模型有關(guān)。2010-02-02
JS與CSS3實現(xiàn)圖片響應(yīng)鼠標(biāo)移動放大效果示例
這篇文章主要介紹了JS與CSS3實現(xiàn)圖片響應(yīng)鼠標(biāo)移動放大效果,結(jié)合實例形式分析了javascript與css3響應(yīng)鼠標(biāo)事件動態(tài)修改頁面元素屬性實現(xiàn)圖片放大效果相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
下面小編就為大家?guī)硪黄胘s讀寫cookie的簡單方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
字體可以調(diào)節(jié)大小，極大了滿足了用戶體驗度，接下來通過本文給大家介紹JavaScript實現(xiàn)點擊按鈕字體放大、縮小實例代碼，需要的朋友參考下吧2016-02-02
這篇文章主要介紹了javascript事件監(jiān)聽與事件委托,結(jié)合實例形式詳細分析了javascript事件監(jiān)聽與事件委托相關(guān)原理、用法與操作注意事項,需要的朋友可以參考下2019-08-08