1. 程式人生 > 程式設計 >談談JavaScript中的函式

談談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){}

案例分享

談談JavaScript中的函式

JS中的函式呼叫

JS中的函式定義好以後,必須呼叫才會執行,常用呼叫方式有如下兩種:

方式1:通過函式名直接呼叫

f1();
f3(10,20); //呼叫函式時指定其實際引數
f6(10,20,30)

方式2:匿名函式自呼叫,目的是建立函式作用域,防止汙染全域性.

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

案例分享

基於函式名進行呼叫

談談JavaScript中的函式

函式的自呼叫

談談JavaScript中的函式

回撥函式

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

function f(callback){
 callback()//呼叫傳入的匿名函式
};//定義函式
f(function(){console.log("hello"))//呼叫函式,函式內部傳入的匿名函式為回撥函式

案例分享

JS中的回撥函式,函式內部傳入的匿名函式為回撥函式

案例分享

談談JavaScript中的函式

總結(Summary)

本小節主要從函式的概念,定義,呼叫,回撥幾個角度對函式做了一個基本介紹,小試伸手,用於交流。

以上就是談談JavaScript中的函式的詳細內容,更多關於JavaScript 函式的資料請關注我們其它相關文章!