学习回调函数会让你感觉像 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中文网其他相关文章!