javascript - 回调函数和普通调用函数的区别?
问题描述
回调函数的定义是将b函数当做参数传给a去执行,此时b就是回调函数,我突然有个疑问,它和a函数里直接调用b有什么区别呢?我自己写了个demo
function a(){ b(); console.log(’hello world’);}function b(){ var n = 0; for(var i = 0;i < 1000000000;i++){n++; } return n;}a(); //hello world
大概3秒钟才能看到输出结果,然后改写为回调函数的形式
function a(callback){ callback.call(this); console.log(’hello world’);}function b(){ var n = 0; for(var i = 0;i < 1000000000;i++){ } console.log(1);}a(b); //hello world
也是3秒后才能看到输出结果找了很多文章,都说明了当b作为a函数的回调函数执行时,并不妨碍a函数的正常执行,按照这个逻辑,第二种方式应该是立即输出hello world的,难道是我回调函数用错了吗?还是理解有问题?
问题解答
回答1:1.性能没有区别2.回调函数是作为参数传递的,操作更加灵活,比如,你可以定义一个函数c,那可以运行 b(c),当你在函数内运行函数的时候,就失去了变量的灵活性。
回答2:嗯,是你理解错了,调用的效果是一样的。还有 callback.call(this); 画蛇添足,跟 callback() 的 this 是一样的。
回调的好处是依赖倒置,不用修改 a 的代码就可以让 a 调用 c、d、e....
相关文章:
1. node.js - express框架,设置浏览器从缓存中读取静态文件,只有js从缓存中读取了,css还有一些图片为何没有从缓存中读取?2. java - 如何点击按钮,重新运行(我是初学者)?3. java - web端百度网盘的一个操作为什么要分两次请求服务器, 有什么好处吗4. java - Spring boot 读取 放在 jar 包外的,log4j 配置文件,系统有创建日志文件,不写入日志信息。5. android - 用textview显示html时如何写imagegetter获取网络图片6. docker内创建jenkins访问另一个容器下的服务器问题7. javascript - 请指条明路,angular的$event,在select中却是undefined?8. Angular.js 无法设置Authorization头,该怎么解决?9. javascript - QQ第三方登录的问题10. angular.js - angular内容过长展开收起效果

网公网安备