COCOS CREATOR(TS)之setTimeOut

Posted 2021-02-12

一 : 前景

有很多前端可能觉得setTimeOut不值得一讲,But,在不同的平台setTimeOut的执行是有一定的规则需要遵守,有时也叫迫于无奈.比如,前几日的开发中发现一个非常奇怪的现象 , 就是setOutTime在Web / 微信IDE端都是可以起作用的 , 但是一旦到了手机微信中运行,好似就不那么灵光了.今日抽了点时间好好测试了一番 , 内容如下:

二 : 测试

Ⅰ,测试环境如下(使用TS代码)



Ⅱ,代码
1,测试思想
分别给出有参数(setTimeOut自带传参和setTimeOut不自带) , 无参数在Web( edge ) , 微信IDE , 手机微信中查看各自的结果(打印数据)
2,代码
①,三种情况的枚举代码

export enum TY_SETTIMEOUT {
    /**setTimeOut 不自带参数*/
    ___HAS_PARAMS_UNBRING4ALONG___ = 1,
    /**不用传参*/
    ___NO_PARAMS___ = 2,
    /**setTimeOut 自带参数*/
    ___HAS_PARAMS_BRING4ALONG___ = 3
}

②,核心测试代码

private _myName : string = null;
    private _myAge : number = null;
    /**
     * 在微信端测试
     */
    private testSetTimeOutInWeChat( $ty : TY_SETTIMEOUT ) : void{
        switch ($ty) {
            case TY_SETTIMEOUT.___NO_PARAMS___:
                this._timeout_id = setTimeout(
                    this.onTimeOutNoParams.bind(this),
                    2000
                );
                break;
            case TY_SETTIMEOUT.___HAS_PARAMS_UNBRING4ALONG___:
                this._myName = "Aonaufly";
                this._myAge = 18;
                this._timeout_id = setTimeout(
                    this.onTimeOutHasParams_2_unbring.bind(this),
                    2000
                );
                break;
            case TY_SETTIMEOUT.___HAS_PARAMS_BRING4ALONG___:
                this._timeout_id = setTimeout(
                    this.onTimeOutHasParams_2_bring.bind(this),
                    2000,
                    "Aonaufly",
                    18
                );
                break;
        }
    }
    private onTimeOutNoParams() : void {
        console.log( ` no params timeout 结束 ------` );
    }

    private onTimeOutHasParams_2_bring( $name : string , $age : number ) : void{
        console.log(`has params timeout 自带参数 结束 ------ , name : ${$name} , age : ${$age}`);
    }

    private onTimeOutHasParams_2_unbring() : void{
        console.log(`has params timeout 不自带参数 结束 ------ , name : ${this._myName} , age : ${this._myAge}`);
    }

Ⅲ,测试

1,不带参数.

①WEB端

②微信IDE

③手机微信

2,setTimeOut自带参数

①WEB

②微信IDE

③手机微信

3,setTimeOut不自带参数

①WEB

②微信IDE

③手机微信

三:结论

手机微信端是个报错的坑 , 注意不要让setTimeOut自带参数.如下
~~ this._timeout_id = setTimeout(
this.onTimeOutHasParams_2_bring.bind(this),
2000,
"Aonaufly",
18
);

                            其实在egret中没有这个问题 , egret封装了setTimeOut (egret.setTimeOut) .但是在LayaBox 和 Cocos Creator中就有这个问题.