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

好吧，在我們討論技術問題之前，讓我們以更理論的方式思考：蛋糕！ ？

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

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

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

關於蛋糕好了（遺憾的是），讓我們進入技術部分：

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

例如：

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

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

//使用回呼函數作為參數
蛋糕（“南瓜”，糖霜）；

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

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

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

因此，我們的控制台應該顯示：

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

這是我們的回調函數配方，享受吧！

額外挑戰：
嘗試編寫一個名為“decorate”的函數，該函數採用回調函數來為蛋糕添加裝飾！

其他資料：

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