【LSP】JS之回调函数(callback)

明明哦   ·   发表于 1个月前   ·   编程代码

1.什么是回调函数?

  -- 简单点说,一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”),回调函数在otherFunction中被调用。

  --可以是匿名函数也可以是命名函数

2.回调函数的特点

  (1)自己定义的函数

  (2)你没有调用

  (3)最终它执行了

3.常见的回调函数

  (1)DOM事件回调函数

    










  (2)定时器回调函数







  (3)ajax请求回调函数

    略。(后续相应内容补充)

  (4)生命周期回调函数  

    略。(后续相应内容补充)

4.拓展

  --代码分类

    (1)初始化代码:一般的代码,包括设置定时器,绑定监听,发送ajax请求……

    (2)回调代码:回调函数的代码

  JavaScript引擎,在执行代码时,先执行初始化代码,等到初始化代码全部执行结束时,再执行回调代码。

   


  执行结果:

  



  重上述案例中,我们可以 看到回调函数不管在整个代码的什么位置,它都要比初始化代码执行完后才会执行。

  上述代码执行流程:前两代码打开了定时器,此时JavaScript引擎将回调函数,和设置的时间交给定时器管理模块(事件管理模块),待到事件触发时,回调函数加入到回调队列中(callback queue),此时处于待处理状态。如果初始化代码全部执行结束,才会循环遍历回调队列中的回调函数。在上述代码中先加入队列的是延时时间为0ms的定时器,然后才是2000ms的定时器,由于队列的特性是先进先出,所以两个定时器间,先执行第二个定时器,在执行第一个定时器。
20 Reply   |  Until 1个月前 | 4076 View

2723147094
发表于 1个月前

‭@MNZS ‬‬‬来人![滑稽]

评论列表

  • 加载数据中...

编写评论内容

微梦
发表于 1个月前

[滑稽]过来!‭@MNZS ‬‬‬

评论列表

  • 加载数据中...

编写评论内容

q4041121
发表于 1个月前

干哈[心碎][滑稽]

评论列表

  • 加载数据中...

编写评论内容

1691684352
发表于 1个月前

来了来了[滑稽]

评论列表

  • 加载数据中...

编写评论内容

天空丶泪
发表于 1个月前

在这[滑稽]

评论列表

  • 加载数据中...

编写评论内容

1018476364
发表于 1个月前

我不知道多少开[滑稽]

评论列表

  • 加载数据中...

编写评论内容

3160601781
发表于 1个月前

一会没有热哭死[滑稽]

评论列表

  • 加载数据中...

编写评论内容

裕伤
发表于 1个月前

不会吧,[滑稽]

评论列表

  • 加载数据中...

编写评论内容

481678144
发表于 1个月前

不管[滑稽]

评论列表

  • 加载数据中...

编写评论内容

天空丶泪
发表于 1个月前

[滑稽]这么多

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content