关于JS的回调函数问题

最新推荐文章于 2023-07-20 14:25:58 发布

努力的耿耿努力

最新推荐文章于 2023-07-20 14:25:58 发布

阅读量4.1k

点赞数 1

本文链接：https://blog.csdn.net/m0_49266584/article/details/121462489

版权

本文详细解析JavaScript回调函数的工作原理，通过实例展示如何使用匿名函数和命名函数作为回调，并揭示其在异步编程中的关键作用。了解回调函数何时被调用以及如何传递和使用它们是提升JavaScript技能的重要一步。

摘要由CSDN通过智能技术生成

JS的回调函数

函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创建，能从函数中返回;

回调函数

一个函数被作为参数传递给另一个函数（在这里我们把另一个函数叫做“otherFunction”），回调函数在otherFunction中被调用。

回调函数是怎样运作的
因为函数在Javascript中是第一类对象，我们像对待对象一样对待函数，因此我们能像传递变量一样传递函数，在函数中返回函数，在其他函数中使用函数。当我们将一个回调函数作为参数传递给另一个函数是，我们仅仅传递了函数定义。我们并没有在参数中执行函数。我们并不传递像我们平时执行函数一样带有一对执行小括号()的函数。

需要注意的很重要的一点是回调函数并不会马上被执行。它会在包含它的函数内的某个特定时间点被“回调”（就像它的名字一样）

实现回调函数的基本原理
使用命名函数或者匿名函数作为回调
像之前的例子一样，第一种方法就是匿名函数作为回调（使用了参数位置定义的匿名函数作为回调函数）。第二种方式就是命名函数作为回调（定义一个命名函数并将函数名作为变量传递给函数）

下面举几个例子：

function getdata(callback){
    //这里我们假设是从后端获取数据
    setTimeout(function(){
     //假设我们获取到数据info
     var info = {
      "id":1,
      "name":'张三'
     }
     //得到数据以后执行函数方法
     callback(info)//这个就是回调函数
    },1000)

上述代码就可以清除的告诉你什么是回调函数！可能你还是不太明白，这个callback是什么，他有什么作用呢？

getdata(check)
   function getdata(callback){
    //这里我们假设是从后端获取数据
    setTimeout(function(){
     //假设我们获取到数据info
     var info = {
      "id":1,
      "name":'张三'
     }
     //得到数据以后执行函数方法
     callback(info)//这个就是回调函数
    },1000)
 }
function check(data){
  if(data.id==1){
   console.log('验证成功，可以通过')
  }
}