JS回调函数

        要等待异步请求结果并使用时,比如我们直接返回异步请求(常见延时任务,ajax请求等)的数据时,并不能得到想要的数据。

  function getJson() {
    $.ajax({
      url: "./json数据/aa.json",
      type: 'get',
      dataType: 'json',
      success: function (data) {
        console.log(data)
        
        return data
      },
      error: function (data) {
        console.log(data)
      }
    })
  }

  console.log(getJson())

请求到了数据,但不能返回,这是因为函数结束了,请求还没结束

       这种情况可以把异步改成同步,或者成功后调用函数可以实现功能,但这就违背了初衷了,没法封装了,这里就用到了回调函数,回调函数就是把函数当做参数传到方法里,达到封装的目的

 function getJson(callBackFunc) {
    $.ajax({
      url: "./json数据/aa.json",
      type: 'get',
      dataType: 'json',
      success: function (data) {
        callBackFunc(data)
      },
      error: function (data) {
        console.log(data)
      }
    })
  }

  function callBack(data) {
    console.log("得到了json" + data.name)
  }
  //这样
  getJson(callBack)

  //这样
  getJson(function (data) {
    console.log("这里得到了" + data.name)
  })

  //还有这样
  getJson(data => {
    console.log("这里也得到了" + data.name)
  })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值