前端analysis | 3w & 1h

《微信小程序》- 谈一谈异步Rxjs使用

2020-03-30

Rxjs

  • js lib库
  • 实时响应编程
  • 类似node Event机制,或者说观察者模式

为何使用rxjs

  • 技术诉求
    根本原因,在于异步
  • 数据依赖关系 → 异步 → 必须等待数据OK,才能操作下一步
  • 为了迁移小程序后端到云端,把请求前缀,配置到云端;但是小程序index界面,就请求banner数据,只进行一次,而且要求url 正确

直接上代码

1
2
3
4
5
6
7
# app
if (prefix && prefix !== defaultPrefix){
this.globalData.prefix = prefix;
}else{
this.globalData.prefix = defaultPrefix;
}
publish({prefix});
1
2
3
4
5
6
7
8
9
10
11
#index.js
onLoad: function () {
const sub = getSubject();
const self = this;
self.getPageMenus();
sub.subscribe((res) => {
if(res && res.prefix){
this.getPageBanner();
}
});
},

更多推荐

使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏