宝哥软件园

对JS回调函数的深刻理解

编辑:宝哥软件园 来源:互联网 时间:2021-08-19

本文用一个例子来说明JS回调函数。分享给大家参考,如下:

一、前奏

在谈论回调函数之前,先看下面两个代码:

猜测代码的结果。

函数say(value){ alert(value);}alert(说);alert(说(' hi js . '));如果你测试它,你会发现:

只写变量名say将返回say方法本身,它表示为一个字符串。

并且在变量名后面加上()比如say(),会使得调用say方法后的结果,这里是弹出值。

二、js中函数可以作为参数传递

查看以下两个代码:

函数say(value){ alert(value);}function execute (someFunction,value){ some function(value);}执行(说“嗨,js。”);和

函数执行(someFunction,value){ some function(value);} execute(function(value)){ alert(value);},'嗨,js ');上面的第一个代码是将say方法作为参数传递给execute方法

第二段代码直接将匿名函数作为参数传递给execute方法

实际上:

函数say(value){ alert(value);}//注意以下几点。直接写say方法的方法名和下面的匿名函数可以认为是一回事。//更清楚的是看上面两个代码能否把函数作为参数传递。函数(值){ alert(值);}这里说的or匿名函数叫做回调函数。

三、回调函数易混淆点——传参

如果回调函数需要传递参数,这里有两个解决方案。

将回调函数的参数作为与回调函数相同级别的参数传递

回调函数的参数是在调用回调函数的内部创建的

四、写在最后

回调函数在用js编写组件时经常用到,尤其是当组件的很多事件都需要回调函数的支持时。如果您对回拨功能有任何疑问,请在下方留言与我们交流。

有关JavaScript的更多信息,请参见本网站的主题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》和《JavaScript数学运算用法总结》

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+