回调函数

学习回调函数会让你感觉像 Sharpay 吗？

好吧，在我们讨论技术问题之前，让我们以更理论的方式思考一下：用蛋糕！ ？

想象一下您想为您朋友的生日烤一个蛋糕。在他们生日的前一天，你按照糖霜的食谱，把它放在冰箱里过夜。 这里，锦上添花的秘诀是回调函数。您还没有使用糖霜，但它正在等待稍后调用！

生日聚会那天，您决定调出蛋糕食谱。它需要面粉、水、鸡蛋、糖、发酵粉、盐、牛奶、和糖霜。

这个配方或函数使用了一堆变量以及该配方或函数来进行糖衣。它正在回调您之前创建或声明的食谱。

关于蛋糕好了（遗憾的是），让我们进入技术部分：

此时我们已经习惯了在函数中将变量作为参数传递。 在 Javascript 中，我们还可以使用函数在新函数中作为参数传递。第一个函数是回调函数，它是通过新函数作为参数传递的函数。

例如：

//回调函数
函数糖衣 ( ) {
console.log("香草糖霜")
}

//新函数
功能蛋糕（风味、回调）{
console.log("我的蛋糕口味是"口味);
回调();
}

//使用回调函数作为参数
蛋糕（“南瓜”，糖霜）；

你认为这里的结果是什么？

在代码底部你可以看到我们调用了 cake 函数。因为我们传递“南瓜”作为第一个参数，所以我们知道控制台将记录“我的蛋糕口味是南瓜”

该函数的第二部分使用第二个参数来调用该函数。当我们调用 cake 时，我们看到调用的第二个参数是 icing 函数。糖衣函数希望我们console.log“香草糖衣。”

因此，我们的控制台应该显示：

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

这是我们的回调函数配方，享受吧！

额外挑战：
尝试编写一个名为“decorate”的函数，它采用回调函数来为蛋糕添加装饰！

其他材料：

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

以上是回调函数的详细内容。更多信息请关注PHP中文网其他相关文章！