談?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ù)

案例分享