精华内容
下载资源
问答
  • 主要介绍了JS回调函数原理与用法,结合实例形式详细分析了JavaScript回调函数的概念、原理、用法,并给出了PHP回调函数的使用示例,需要的朋友可以参考下
  • 1、背景 Javascript中的回调函数,相信大家都不陌生,最明显的例子是做Ajax请求时,提供的回调函数, 实际上DOM节点的事件处理方法(onclick,ondblclick等)也是回调函数。 在使用DWR的时候,回调函数可以作为第一个...
  • JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。因此callback 不一定...
  • 理解javascript回调函数

    2020-10-24 23:57:02
    主要介绍了理解javascript回调函数的相关资料,需要的朋友可以参考下
  • javascript回调函数详解

    2020-11-28 21:40:05
    在高级语言层出不穷的年代, 各个语言都号称有着一切皆为对象的自豪说法, 而 js 作为一门脚本语言却相对于java等传统面向对象语言有很大的不同之处, 除了 js 诡异的继承体系之外, 最令人着迷的一个特性就是回调函数, ...
  • JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。因此callback 不一定...
  • JS回调函数深入理解

    2020-10-16 05:03:30
    主要介绍了JS回调函数,结合实例形式深入分析了js回调函数的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
  • 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。  我们先来看看回调的英文定义:A callback is a function that is passed as an argument to another function and is executed after ...

    初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。

      我们先来看看回调的英文定义:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

      字面上的理解,回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。

      其实也很好理解对吧,回调,回调,就是回头调用的意思。主函数的事先干完,回头再调用传进来的那个函数。但是以前看过很多博客,他们总是将回调函数解释的云里雾里,很高深的样子。

      举一个别人举过的例子:约会结束后你送你女朋友回家,离别时,你肯定会说:“到家了给我发条信息,我很担心你。” 对不,然后你女朋友回家以后还真给你发了条信息。小伙子,你有戏了。其实这就是一个回调的过程。你留了个参数函数(要求女朋友给你发条信息)给你女朋友,然后你女朋友回家,回家的动作是主函数。她必须先回到家以后,主函数执行完了,再执行传进去的函数,然后你就收到一条信息了。

      现在基本理解回调函数的意思了吧。不理解的话没关系,我们用代码说话。

    //定义主函数,回调函数作为参数
    function A(callback) {
        callback();  
        console.log('我是主函数');      
    }
    
    //定义回调函数
    function B(){
        setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作  
    }
    
    //调用主函数,将函数B传进去
    A(B);
    
    //输出结果
    我是主函数
    我是回调函数

    上面的代码中,我们先定义了主函数和回调函数,然后再去调用主函数,将回调函数传进去。

      定义主函数的时候,我们让代码先去执行callback()回调函数,但输出结果却是后输出回调函数的内容。这就说明了主函数不用等待回调函数执行完,可以接着执行自己的代码。所以一般回调函数都用在耗时操作上面。比如ajax请求,比如处理文件等。


    展开全文
  • 这篇文章主要介绍了JavaScript回调函数callback用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 JavaScript回调函数的使用是很常见的,引用官方回调...
  • JS回调函数——简单易懂有实例

    万次阅读 多人点赞 2018-05-11 17:33:02
    初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。什么是JS?(点击查看) 下面先看看标准的解释: <script language="javascript"> 02 function SortNumber( obj, func ) // ...

       初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数。什么是JS?(点击查看

    下面先看看标准的解释:

        

    <script language="javascript">
    02	    function SortNumber( obj, func )                	// 定义通用排序函数
    03	    {
    04	        // 参数验证,如果第一个参数不是数组或第二个参数不是函数则抛出异常
    05	        if( !(obj instanceof Array) || !(func instanceof Function)) 
    06	        {
    07	            var e = new Error();                    	// 生成错误信息
    08	            e.number = 100000;                     	// 定义错误号
    09	            e.message = "参数无效";                 	// 错误描述
    10	            throw e;                                		// 抛出异常 
    11	        }
    12	        for( n in obj )                             		// 开始排序
    13	        {
    14	            for( m in obj )
    15	            {
    16	                if( func( obj[n], obj[m] ) )        	// 使用回调函数排序,规则由用户设定
    17	                {
    18	                    var tmp = obj[n];               		// 创建临时变量
    19	                    obj[n] = obj[m];		// 交换数据
    20	                    obj[m] = tmp;
    21	                }
    22	            }
    23	        }
    24	        return obj;                                 		// 返回排序后的数组
    25	    }
    

     

     

     

      我们先来看看回调的英文定义:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

      字面上的理解,回调函数就是传递一个参数化的函数,就是将这个函数作为一个参数传到另一个主函数里面,当那一个主函数执行完之后,再执行传进去的作为参数的函数。走这个过程的参数化的函数 就叫做回调函数。换个说法也就是被作为参数传递到另一个函数(主函数)的那个函数就叫做 回调函数

         举一个别人举过的例子:约会结束后你送你女朋友回家,离别时,你肯定会说:“到家了给我发条信息,我很担心你。” 对不,然后你女朋友回家以后还真给你发了条信息。小伙子,你有戏了。其实这就是一个回调的过程。你留了个参数函数(要求女朋友给你发条信息)给你女朋友,然后你女朋友回家,回家的动作是主函数。她必须先回到家以后,主函数执行完了,再执行传进去的函数,然后你就收到一条信息了。

         回调函数应用场景多用在使用 js 写组件时和耗时操作上面,尤其是组件的事件很多都需要回调函数的支持。

     

    如果还是不明白,下面看一下代码:

    <script type="text/javascript">
    		function title(value){//这是回调函数!!!!
    			alert(value);
    		}
    		function main(title, value){//这个主函数:在参数列表中,title作为一个参数传递进来,也就是上文说的 参数化函数;然后value这个值正是title()函数中所需要的。
    			alert("我是主函数");
    			title(value);//结果为:'我是回调函数'。——————然后在这行这个title(),它就是回调函数咯。
    		}
    		main(title,"我是回调函数");//title参数加上()后,就会变回一个函数,并会被执行一次。
    		//PS:看清楚,调用的是main()函数,意味着先执行main(),这时已经执行了主函数,title()被main()在函数体中执行了一次,因此title()是回调函数。
    	</script>

    回调函数易混淆点——传参:

    一,将回调函数的参数作为与回调函数同等级的参数进行传递。

    二,回调函数的参数在调用回调函数内部创建。

     

    如果还有不懂的,请在下方留言,小编一定第一时间回复。

     

    展开全文
  • 主要介绍了JS回调函数简单用法,结合实例形式分析了js回调函数的定义与简单使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
  • JavaScript回调函数

    千次阅读 2018-12-19 19:21:54
    处理回调函数是另一种常见的使用闭包的场景。回调函数指的是需要在将来不确定的某一时刻异步调用的函数。通常,在这种回调函数中,我们经常需要频繁地访问外部数据。 &lt;div id="box1"&gt;...

    处理回调函数是另一种常见的使用闭包的场景。回调函数指的是需要在将来不确定的某一时刻异步调用的函数。通常,在这种回调函数中,我们经常需要频繁地访问外部数据。

    <div id="box1">First Box</div>
    <script>
    function animateIt(elementId) {
      //在动画函数中,animatelt内部,获取DOM元素的引用
      var elem = document.getElementById(elementId);
      //创建一个计数器用于记录动画执行的次数
      var tick = 0;
      //创建并启动一个JavaScript内置的计时器,传入一个回调函数
      var timer = setInterval(function () {
        //每隔10毫秒调用一次计时器的回调函数,调整元素的位置100次。
        if (tick < 100) {
          elem.style.left = elem.style.top = tick + "px";
          tick++;
        } else {
          clearInterval(timer);
          //执行了100次之后,停止计时器,并验证我们还可以看到与执行动画有关的变量
          if (tick === 100) {
            console.log("Tick accessed via a closure");
          }
          if (elem) {
            console.log("Element also accessed via a closure.");
          }
          if (timer) {
            console.log("Timer reference also obtained via a closure.");
          }
        }
      }, 10);//setInterval函数的持续时间为10毫秒,也就是说回调函数每隔10秒调用一次
    }
    //全部都设置完成之后,我们可以执行动画函数并查看动画效果
    console.log("---------------在interval的回调函数中使用闭包--------------");
    animateIt("box1");
    </script>

     

     

     

     

    特别重要的是,上述代码中使用一个独立的匿名函数来完成目标元素的动画效果,该匿名函数作为计时器的一个参数传入计时器。通过闭包,该匿名函数3个变量控制动画的过程:elem、tick和timer。这3个变量(elem指的是DOM元素的引用,tick指的是计数器和timer指的是计时器的引用),用于维持整个动画的过程,且必须能够在全局作用域内访问到。

    但是,如果我们将这些变量从animateIt函数中移出到全局作用域,动画仍然能够正常工作,为什么说不能污染全局作用域呢?

    我们如果把这些变量放到全局作用域,然后验证实例是否能够正常运行。现在,如果同时为两个元素设置动画,再添加一个具有唯一ID的元素。在第一个动画调用之后,再将新元素的ID传入animateIt方法进行调用。

    问题就很明显了。如果我们把变量放在全局变作用域中,那么需要为每个动画分别设置3个变量,否则同时用3个变量来跟踪多个不同动画的状态,动画的状态就会发生冲突。

    通过在函数内部定义变量,并基于闭包是的在计时器的回调函数中可以访问这些变量,每个动画都能够获得属于自己的“气泡”中的私有变量。如果没有闭包,一次性同时做许多事情,例如事件绑定、动画甚至服务端请求等都会变得非常困难。

    闭包内的函数不仅可以在创建的时刻访问这些变量,而且当闭包内部的函数执行时,还可以更新这些变量的值。闭包不是在创建的那一时刻的快照,而是一个真实的状态封装,只要闭包存在,就可以对变量进行修改。

     

     

    通过在不同的实例中保存变量

    1.每个动画都在处理程序的闭包内获得私有变量。

    2.该实例无法访问其他闭包内的变量。

     

    闭包和作用域是强相关的。

     

    参考《JavaScript忍者秘籍》

     

    展开全文
  • Node.js 回调函数 阻塞与非阻塞 node.js 异步编程的直接体现就是回调。 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node ...
  • 主要介绍了JS回调函数,结合简单实例形式分析了javascript回调函数的概念、原理、相关操作技巧与使用注意事项,需要的朋友可以参考下
  • 相信在刚开始学习JavaScript的时候,很多人感到最困惑的就是回调函数了。本文通过一个小小的例子来分析回调函数的用法。对大家学习Javascript回调函数很有帮助,有需要的可以来参考学习。
  • 主要介绍了JS回调函数基本定义与用法,结合实例形式较为详细的分析了javascript回调函数基本概念、功能、使用方法与相关注意事项,需要的朋友可以参考下
  • 主要介绍了js回调函数原理与用法,结合具体案例形式分析了js回调函数基本概念、原理、使用方法及操作注意事项,需要的朋友可以参考下
  • 本文实例讲述了javascript回调函数的概念理解与用法。分享给大家供大家参考,具体如下: 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就...
  • 浅谈javascript回调函数

    2020-12-08 19:12:20
    这个函数就是所谓的回调函数 经常遇到这样一种情况,某个项目的A层和B层是由不同的人员协同完成.A层负责功能funA,B层负责funcB。当B层要用到某个模块的数据,于是他对A层人员说,我需要你们提供满足某种需求的数据,你...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 286,963
精华内容 114,785
关键字:

js回调函数的作用