首页 > 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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板