小程序封装逻辑实现

一、用回调函数接收异步返回
1.1 原始版(推荐使用,可读性较好)(使用场景:回调函数逻辑复杂时使用)小程序封装逻辑实现_第1张图片
1.2 修改版(不推荐使用,可读性较差)(箭头函数,使用场景:回调函数逻辑简单时使用),把 回调函数里面的内容 替换到 (res)=>{内容}
小程序封装逻辑实现_第2张图片
二、请求封装
2.1 请求原生版
小程序封装逻辑实现_第3张图片
2.2封装版
小程序封装逻辑实现_第4张图片

2.3 23行的sCallback就是2.1/2.2中的callback参数,就是1.1/1.2中的this.setData({ bannerData: res.items })
流程:把回调函数传到封装方法里面,在封装方法里把wx.request的返回结果res.data通过传进去的回调函数传回到1.1/1.2里面的res
小程序封装逻辑实现_第5张图片

你可能感兴趣的:(js)