談談JavaScript中的函數(shù)
更新時間：2020年09月08日 09:45:37 作者：white night
這篇文章主要介紹了JavaScript中的函數(shù)的相關資料，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下
JS中的函數(shù)簡介
JS中的函數(shù)是一種通過調用來完成具體業(yè)務的一段代碼塊。最核心的目的是將可重復執(zhí)行的操作進行封裝，然后供調用方無限制的調用。
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ù)調用
JS中的函數(shù)定義好以后，必須調用才會執(zhí)行，常用調用方式有如下兩種：
方式1:通過函數(shù)名直接調用
f1(); f3(10,20); //調用函數(shù)時指定其實際參數(shù) f6(10,20,30)
方式2:匿名函數(shù)自調用,目的是創(chuàng)建函數(shù)作用域,防止污染全局.
(function(){})()
(function(){}())
案例分享
基于函數(shù)名進行調用
函數(shù)的自調用
回調函數(shù)
JS中的回調函數(shù),將函數(shù)以實參的形式進行傳遞。
function f(callback){
callback()//調用傳入的匿名函數(shù)
};//定義函數(shù)
f(function(){console.log("hello"))//調用函數(shù),函數(shù)內部傳入的匿名函數(shù)為回調函數(shù)
案例分享
JS中的回調函數(shù),將函數(shù)以實參的形式進行傳遞。
function f(callback){
callback()//調用傳入的匿名函數(shù)
};//定義函數(shù)
f(function(){console.log("hello"))//調用函數(shù),函數(shù)內部傳入的匿名函數(shù)為回調函數(shù)
案例分享
總結(Summary)
本小節(jié)主要從函數(shù)的概念，定義，調用，回調幾個角度對函數(shù)做了一個基本介紹，小試伸手，用于交流。
以上就是談談JavaScript中的函數(shù)的詳細內容，更多關于JavaScript 函數(shù)的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單的無縫輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
今天小編就為大家分享一篇基于bootstrap頁面渲染的問題解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了基于JavaScript實現(xiàn)的插入排序算法,結合實例形式詳細分析了插入排序的原理、操作步驟及javascript相關實現(xiàn)技巧與注意事項,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)拼圖游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要介為大家詳細紹了Bootstrap CSS布局之按鈕的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JavaScript小技巧,整理匯總了JavaScript常用的6個實用技巧,屬于JavaScript邊角技巧的總結,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了如何利用css+原生js制作簡單的鐘表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
DOM節(jié)點是一個對象，它有著一些屬性。其中有些是只讀的，有些可以直接進行更改（updated on-the-fly）。今天我們就來具體探討下DOM的基本屬性，希望對大家能有所幫助2015-02-02
在論壇里經常看到人問選項卡或者類似選項卡的切換效果 這里封裝了個js，希望對大家有用 所有代碼都在下面了 如果有錯誤或者建議，可以回貼告訴我，謝謝2008-02-02
Javascript實現(xiàn)仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
兼容:IE7以上版本及FF；（騰訊的WebQQ3.0好像也不兼容IE6,其實這樣挺好的）2011-04-04