Learn RX programming from me -- concat

Business logic

1. After entering the game scene , According to specific business scenarios and activity processes , You may need to pop up several pop ups , For example, invite friends to get rewards 、 Offline revenue 、 Divide the prize, etc .
2. These pop-up boxes must pop up one by one , Cannot pop up at the same time .

Regular implementation

Because the logic of the pop-up box is asynchronous return , Therefore, it is inevitable to use the callback mechanism

Pseudo code

OpenDialog1(result1=>{
  OpenDialog2(result2=>{
     ……
  })
})

Copy

Of course, the actual code will be more complex than this , Need more judgment and bifurcation

Use Rx Realization

Pseudo code

let dialogs = []
dialogs.push(rx.fromDialogBox(……))
dialogs.push(rx.fromDialogBox(……))
……
rx.concat(...dialogs).subscribe(……）

Copy

among fromDialogBox It is an event flow extended by itself （Observable）

There are several benefits of doing this ：

1. Removed callback , Readability improvement
2. You can change the order of pop-up frames at will
3. You can remove a certain pop-up logic according to the change of demand at will
4. In this event flow array , You can add other event flows , That is, other asynchronous operations are interspersed in the bullet sequence
5. You can dynamically determine the number of pop-up frames that have been popped to determine the next operation （ Real time judgment dialogs.length)

let dialogs = []
if (condition1)
dialogs.push(rx.fromDialogBox(……))
if (condition2)
dialogs.push(rx.fromDialogBox(……))
……
if (dialogs.length<2)
dialogs.push(rx.fromDialogBox(……))
rx.concat(...dialogs).subscribe(……）

Copy

In the above case , If you program in a traditional way , Readability will be poor , It's also easier to see bug, Your delicacies