Generator函数在流程控制中的应用

扯蛋

做了两年的Nodejs全栈开发，不知道为什么跑来做游戏呢（大概是厦门nodejs不好找工作吧）。用的是网易的pomelo的游戏框架。现接手了一个棋牌游戏：二十一点，不懂的规则的可以自行百度。

二十一点游戏流程图

现状

接手了平台其他相关游戏的代码，流程控制相互交错，不易理解、难以维护。（可能是刚做游戏的原因，如果你们有什么更简单的流程控制方法，欢迎分享）。我下意识的就想到了Generator函数的特性，感觉用着这里非常方便（以前一直觉得这是个异步流程控制中过度性质的方法，并且需要配合co才能自动执行，所以基本没实际用过，koa不算...）

Js Generator函数实现流程控制的优点

1、易于理解、便于开发、容易维护（看到Generator函数犹如看到了流程图）
2、开发思路清晰（每个阶段（函数）只需要关注自己的业务逻辑，完成直接下一步，而不用管下一步要做什么操作）
3、不存在会忘记清除定时器的问题

简单说下Generator的执行流程

1、Generator函数执行后会生成一个Iterator。（注意不要加new）（简单说就是个有next方法的对象，执行一次返回一个值）
2、每次next的调用，执行yield后面的语句并返回该语句执行的结果
3、每次只执行一个yield，后面的语句不会再执行、只有在执行下次next函数时才执行。（可以利用这点做定时器的清理工作，而且可以说基本不会忘记）
4、yield* 可以将后面的变量（可迭代的变量，字符串、数组等）中的值一个一个的返回。执行一次返回其中的一个值

Js Generator函数完美实现流程图代码（部分）

class EsydProcess {

    constructor(room) {
        /**
         * ...其他变量
         */
        this.flow = this.flowGenerator();
    }

    *[\'flowGenerator\']() {

        yield this.betStage(); // 下注
        this.betStageTimer && clearTimeout(this.betStageTimer);// 下注阶段完成后直接清除定时器。完全不用担心定时器没有被清理的情况

        yield this.assignStage(); // 分牌

        if (this.esydCard.getCardPoint(this.bankerCards[0]) === 1) {

            yield this.ensureStage(); // 保险
            this.ensureStageTimer && clearTimeout(this.ensureStageTimer);

            if (this.esydCard.getCardType(this.bankerCards) !== CardTypes.BLACK_JACK) {
                yield* this.operateStage(); // 操作
            }

        } else {
            yield* this.operateStage(); // 操作
        }

        yield this.settleStage(); // 结算
    }

    *[\'operateStage\']() {
        // 通知进入玩家操作阶段
        this.noticeChangeStage(esydConsts.gameStage.OPERATE_STAGE);
        let players = this.players;
        for (let uid in players) {
            let player = players[uid];

            // 操作第一副牌
            yield this.changeOperatingPlayer(player);
            player.getCurCardInfo().isStop = true;
            this.operateTimer && clearTimeout(this.operateTimer);

            if (player.isSperated) {
                // 如果有一副牌，操作第二副牌
                player.curCardsIndex = 1;
                yield this.changeOperatingPlayer(player);
                player.getCurCardInfo().isStop = true;
                this.operateTimer && clearTimeout(this.operateTimer);
            }
        }
        yield this.bankerOperate(); // 庄家操作
    }

    // 转到下个阶段
    nextStage() {
        process.nextTick(() => {
            this.flow.next();
        });
    }
    
    // 开始游戏
    start(seats) {
        /**
         * ...
         *
         */
        // 第一次next，直接进入下注阶段。整个流程走完游戏结束
        this.nextStage();
    }
    
    betStage(){
        // 进入下注阶段
        this.noticeChangeStage(esydConsts.gameStage.BET_STAGE);
        /**
         * 其他操作
         */
        this.betStageTimer = setTimeout(() => {
            this.betStageTimer = null;
            // 超时，直接进入下一步。没有下注的玩家使用默认底注
            this.nextStage();
        }, esydConsts.stageTime.BET_STAGE);
    }

    assignStage(){
        /**
         * ...
         * 分牌操作，完成直接下一步
         */
        this.nextStage();
    }

    ensureStage(){
        /**
         * ...
         * 各种操作，如通知客户端、开始超时定时器等。操作完后直接下一步就Ok了。只需要专注当前函数的功能，完成直接下一步
         */
        this.nextStage();
    }

    // 监听用户下注操作
    userBetOperateListener(uid){
    
        /**
         * ...
         * 检查是否在下注阶段，不是不能下注、记录每个玩家下注等
         */
         
        // 记录已下注的玩家
        this.betedPlayers[uid] = true;
        if (Object.keys(this.betedPlayers).length === this.seatCount) {
            // 如果所有玩家都押注完毕,
            this.nextStage();
        }
    }
    
    /**
     *  其他函数...
     */

}

来源：https://segmentfault.com/a/1190000017195986