快捷導(dǎo)航

談?wù)凧avaScript中的函數(shù)

更新時(shí)間：2020年09月08日 09:45:37 作者：white night

這篇文章主要介紹了JavaScript中的函數(shù)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下

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ú)需指定變量類(lèi)型

方式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ù)

案例分享