一段资源请求的逻辑,最佳实践要怎么写?

Question

react项目

有1 2 3 4四个资源都需要异步加载

2 依赖 1的结果 => 处理成a

3 ,4 依赖 a

每一步都可以展示部分内容, 直接用promise.all 感觉不对

这段逻辑要怎么处理

能不能处理的更细节,只要上级依赖存在就可以执行当前步骤的渲染, 类似渐进渲染,rx 是不是可以处理这种场景

Answer 1

promise.all肯定是可以的，yield也行

Answer 2

async function run() {
  // 1
  const result1 = await request('/1')
  // 2
  const result2 = await request('/2')
  // 3
  const result3 = await request('/3')
  // 4
  const result4 = await request('/4')
}

这样写就可以，中间可以穿插其他逻辑，本质上还是promise的链式调用，这个async/await是语法糖，帮你找了个文档，js异步函数，可以参考下