js_callback回调函数

问题背景&＃xff1a;callback回调函数算是js里的一个大头&＃xff0c;我之前是模仿式写代码&＃xff0c;并没有领会到callback的本质。后来遇到了个同步异步的问题&＃xff0c;一定要弄懂callback才行&＃xff0c;就硬着头皮总算搞懂啦~
既然代码搞定了&＃xff0c;下面就回过头来整理一下&＃xff08;笑&＃xff09;

网上的讲解各式各样&＃xff0c;其中我觉得讲的最好的是知乎上的一个例子&＃xff1a;
链接&＃xff1a;https://www.zhihu.com/question/19801131/answer/17312995

你去食堂打饭&＃xff0c;你去了一个小炒窗口。
你跟老板说了要×××盖饭。
老板说&＃xff1a;你是100号&＃xff0c;喊到你的号你就来拿菜。
然后你在旁边跟同学吹牛、玩手机。。。
当你听到老板喊100号并且把菜放到窗口。
你走到窗口&＃xff0c;拿到你的菜。

这里面就有典型的异步操作、回调函数的概念。
好吧&＃xff0c;先搞清楚一些问题再回头分析

1.回调函数在什么场景有用&＃xff1f;
我要在特定时候执行一个任务&＃xff0c;至于是什么时候我自己都不知道。比如某一时间到了或者某一事件发生或者某一中断触发。
举个栗子&＃xff1a;刚才的打饭故事中&＃xff0c;我并不知道老板什么时候会叫我拿饭&＃xff0c;那么在等待这段时间&＃xff0c;我就干等着吗&＃xff1f;当然也可以&＃xff0c;但是会不会太无聊了些&＃xff1f;&＃xff1f;&＃xff1f;对应到前端页面中&＃xff0c;比如&＃xff0c;让用户一直等待一个图片加载出来&＃xff0c;加载过程中&＃xff0c;用户啥也不能干&＃xff0c;用户会骂人的吧&＃xff08;笑&＃xff09;

2.回调函数怎么起作用&＃xff1f;
把我要执行的这个任务写成一个函数&＃xff0c;将这个函数和某一时间或者事件或者中断建立关联。怎么个建立关联法&＃xff1f;在事件中调用这个函数嘛。

比如这个图上&＃xff0c;gainJSON是一个函数&＃xff0c;它有两个参数&＃xff0c;一个是url&＃xff0c;是个变量&＃xff1b;一个是callback&＃xff0c;是个函数。那有人要问了函数也能作为另一个函数的参数吗&＃xff1f;不好意思&＃xff0c;JS中可以&＃xff01;接着&＃xff0c;可以看到&＃xff0c;在gainJSON这个函数里&＃xff0c;调用了callback函数。

3.回调函数什么时候执行&＃xff1f;
当该回调函数关心的那个时间或者事件或者中断触发的时候&＃xff0c;回调函数将被执行。一般是触发这个时间、事件或中断的程序主体&＃xff08;通常是个函数或者对象&＃xff09;观察到有一个关注这个东东的回调函数的时候&＃xff0c;这个主体负责调用这个回调函数。

4.回调函数有什么好处&＃xff1f;
最大的好处是你的程序变成异步了。也就是你不必再调用这个函数的时候一直等待这个时间的到达、事件的发生或中断的发生&＃xff08;万一一直不发生&＃xff0c;你的程序会怎么样&＃xff1f;&＃xff09;。在此期间你可以做做别的事情&＃xff0c;或者四处逛逛。当回调函数被执行时&＃xff0c;你的程序重新得到执行的机会&＃xff0c;此时你可以继续做必要的事情了。

5.回调函数有什么问题吗&＃xff1f;
当然就会有点问题。回调函数很多情况下会附带有跨线程操作甚至于跨进程的操作&＃xff0c;这些都是异步带来的成本。&＃xff08;关于这个&＃xff0c;我下一篇博客会讲讲&＃xff09;