异步回调的笔记

1、

 _loadData:function(){
    $data = home.getBannerData(id);
    console.log($data);
  }

//  home.model.js

 getBannerData(id){
    wx.request({
      url: 'http://z.cn/api/v1/banner/' + id,
      method: 'GET',
      success:function(res){
        return res
      }
    })
  }

_loadData 输出值为空

原因是：getBannerData里返回的数据是异步的，所以这样是获取不到数据的

 

2、修改

 _loadData:function(){
    $data = home.getBannerData(id, this.callback); 4   },

  callback:function(res){
    console.log(res)
  }

// home-model.js

getBannerData(id, callback){
    wx.request({
      url: 'http://z.cn/api/v1/banner/' + id,
      method: 'GET',
      success:function(res){
        callback(res)
      }
    })
  }

新建一个callback函数，当成参数，传递到getBannerData中，当获取数据后，调用callback，把数据放到callback函数中，这时就可以输出数据

3、用箭头函数

_loadData:function(){
    $data = home.getBannerData(id, (res)=>{
      console.log($data);
    });
  },

// home-model.js

getBannerData(id, callback){
    wx.request({
      url: 'http://z.cn/api/v1/banner/' + id,
      method: 'GET',
      success:function(res){
        callback(res)
      }
    })
  }

这次传入的不是新建的函数，而是用箭头函数构建的一个函数

说明：上面这俩种方法都可以处理回调函数返回的数据

当逻辑简单的时候，推荐用箭头函数；逻辑复杂的时候，推荐新建一个函数（个人建议，没必要用最新的技术，要根据需求自己选择）