如何理解JavaScript中的函數

JS中的函數簡介

JS中的函數是一種經過調用來完成具體業務的一段代碼塊。最核心的目的是將可重複執行的操做進行封裝，而後供調用方無限制的調用。

JS中的函數的定義

JS中函數定義，有以下兩種形式：

• 方式1

function f1(){} //函數聲明,f1爲函數名,能夠將其理解爲變量f1指向一個函數
function f2(){return 100;}//函數容許有返回值
function f3(a,b){}//函數中能夠定義多個參數,無需指定變量類型

• 方式2:

var f4=function(){} //函數表達式,這裏變量名f4爲函數名
var f5=function(){return 100;}//函數容許有返回值
var f6=function(a,b,c){}

案例分享

JS中的函數調用

JS中的函數定義好之後，必須調用纔會執行，經常使用調用方式有以下兩種：

• 方式1:經過函數名直接調用

f1();
f3(10,20); //調用函數時指定其實際參數
f6(10,20,30)

• 方式2:匿名函數自調用,目的是建立函數做用域,防止污染全局.

(function(){})()
(function(){}())

案例分享

基於函數名進行調用

函數的自調用

回調函數

JS中的回調函數,將函數以實參的形式進行傳遞。

function f(callback){
 callback()//調用傳入的匿名函數
};//定義函數
f(function(){console.log("hello"))//調用函數,函數內部傳入的匿名函數爲回調函數

案例分享

總結(Summary)

本小節主要從函數的概念，定義，調用，回調幾個角度對函數作了一個基本介紹，小試伸手，用於交流。

javascript