首頁 > web前端 > js教程 > 主體

回呼函數

DDD
發布: 2024-11-04 09:08:30
原創
748 人瀏覽過

Callback Functions

學習回呼函數會讓你感覺像 Sharpay 嗎?

好吧,在我們討論技術問題之前,讓我們以更理論的方式思考:用蛋糕! ?

想像一下您想為您朋友的生日烤一個蛋糕。在他們生日的前一天,你按照糖霜的食譜,把它放在冰箱裡過夜。 這裡,錦上添花的秘訣是回呼函數。您還沒有使用糖霜,但它正在等待稍後調用!

生日派對當天,您決定調出蛋糕食譜。它需要麵粉、水、雞蛋、糖、泡打粉、鹽、牛奶、和糖霜

這個配方或函數使用了一堆變數以及該配方或函數來進行糖衣。它正在回調您之前創建或聲明的食譜。

關於蛋糕好了(遺憾的是),讓我們進入技術部分:

此時我們已經習慣了在函數中將變數作為參數傳遞。 在 Javascript 中,我們也可以使用函數在新函數中作為參數傳遞。 第一個函數是回呼函數,它是透過新函數作為參數傳遞的函數。

例如:

//回呼函數
函數糖霜 ( ) {
console.log("香草糖霜")
}

//新函數
功能蛋糕(風味、回調){
console.log("我的蛋糕口味是"口味);
回調();
}

//使用回呼函數作為參數
蛋糕(“南瓜”,糖霜);

你認為這裡的結果是什麼?

在程式碼底部你可以看到我們呼叫了 cake 函數。因為我們傳遞“南瓜”作為第一個參數,所以我們知道控制台將記錄“我的蛋糕口味是南瓜”

函數的第二部分使用第二個參數來呼叫函數。當我們呼叫 cake 時,我們看到呼叫的第二個參數是 icing 函數。糖衣函數希望我們console.log「香草糖衣。」

因此,我們的控制台應該顯示:

我的蛋糕口味是南瓜
香草糖霜

這是我們的回調函數配方,享受吧!

Callback Functions

額外挑戰:
嘗試編寫一個名為“decorate”的函數,它採用回調函數來為蛋糕添加裝飾!

其他材料

https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function

以上是回呼函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板