yield []＆yield all（） - ES6 / redux-saga之间的差异

Question

使用redux-saga的yield all([])优于ES6的内置yield [] ？

为了并行运行多个操作，redux-saga建议：

const result = yield all([
  call(fetchData),
  put(FETCH_DATA_STARTED),
]);

但是没有all()方法可以实现同样的目的：

const result = yield [
  call(fetchData),
  put(FETCH_DATA_STARTED),
];

哪一个更好？为什么？

Answer 1

没有功能差异，因为MateuszBurzyński （redux-saga维护者） 在这里解释：

在引擎盖下它们都是相同的， yield [...effects]会导致弃用警告并告知您all 。

引入它是为了使并行行为显式化 ，并且很好地反映了Promise.all

最好使用all()因为它告诉读者我们在这里产生了多于1个效果，但是如果没有它，yield的各种用途仍然有用：

产生具有多种效果的物体

const { company, profile } = yield {
  company: select(getCompany),
  profile: select(getUserProfile, userId),
};

产生一个数组文字

yield [
  put(userRequestSucceeded(userId)),
  put(userReceived(response.data)),
];

使用map生成一个数组

yield userIds.map(userId => call(fetchUserDetails, userId));