JS脚本的新的写法尝试

夏虫沉默

JavaScript es6中提供了类的关键字class，现在js可以通过class关键字模拟类的写法，看上去更像其他面向对象的语言（java、c++之类的）了；
然后我就尝试了一下新的写法，大家可以参考下：

JAVASCRIPT 代码复制

//乘降窗口DriveWindow继承自Window_Command
class DriveWindow extends Window_Command{
        constructor(x,y){
                super(x,y);
    }
        makeCommandList(){
                this.addCommand("1号上车/下车",'onJu1',true);//队列里排序1的角色上车
                this.addCommand("2号上车/下车",'onJu2',false);//队列里排序2的角色上车，默认关闭
                this.addCommand("3号上车/下车",'onJu3',false);//队列里排序3的角色上车，默认关闭
                this.addCommand("取消",'cancel',true);
        }
}
//乘降页面DriveScene继承自Scene_MenuBase
class DriveScene extends Scene_MenuBase{
        constructor(x,y){
                super(x,y);
    }
        create() {
                super.create(this);//调用父类Scene_MenuBase的create方法效果类似于：Scene_MenuBase.prototype.create.call(this);
                this._driveWindow=new DriveWindow(5,195);
                this.addWindow(this._driveWindow);
                this._driveWindow.setHandler('cancel',this.popScene.bind(this));//使得按取消可以返回上一视图，不然无法返回
                this._driveWindow.setHandler('onJu1',this.onDriveJu1.bind(this));
                this._driveWindow.setHandler('onJu2',this.onDriveJu2.bind(this));
                this._driveWindow.setHandler('onJu3',this.onDriveJu3.bind(this));
        };
}

//乘降窗口DriveWindow继承自Window_Command


class DriveWindow extends Window_Command{


        constructor(x,y){


                super(x,y);


    }


        makeCommandList(){


                this.addCommand("1号上车/下车",'onJu1',true);//队列里排序1的角色上车


                this.addCommand("2号上车/下车",'onJu2',false);//队列里排序2的角色上车，默认关闭


                this.addCommand("3号上车/下车",'onJu3',false);//队列里排序3的角色上车，默认关闭


                this.addCommand("取消",'cancel',true);


        }


}


//乘降页面DriveScene继承自Scene_MenuBase


class DriveScene extends Scene_MenuBase{


        constructor(x,y){


                super(x,y);


    }


        create() {


                super.create(this);//调用父类Scene_MenuBase的create方法效果类似于：Scene_MenuBase.prototype.create.call(this);


                this._driveWindow=new DriveWindow(5,195);


                this.addWindow(this._driveWindow);


                this._driveWindow.setHandler('cancel',this.popScene.bind(this));//使得按取消可以返回上一视图，不然无法返回


                this._driveWindow.setHandler('onJu1',this.onDriveJu1.bind(this));


                this._driveWindow.setHandler('onJu2',this.onDriveJu2.bind(this));


                this._driveWindow.setHandler('onJu3',this.onDriveJu3.bind(this));


        };


}

旧代码

我又花了一些时间学习JS新的ES内容，原来ES6是15年新出的，（从某种程度上来说，已经不新了），有时间的话，会留下一些学习笔记，学习笔记尚杂乱。
以下部分内容参考于作者：zhoujie
来源：

https://www.cnblogs.com/zhoujie/p/node1.html

解构赋值

箭头函数=>

操作符...

笑谈风声

大佬哇。支持，也在做mm类游戏吗

lightlanguage

lightlanguage 发表于 2021-11-18 17:57
大佬有空吗。我有个MOD想叫你帮我写

emmm,可以私聊吗

lightlanguage

大佬有空吗。我有个MOD想叫你帮我写

喵呜喵5

清澈淌漾 发表于 2021-11-17 15:59
可读性增加了 还有别的提升吗

可读性增加还不够吗
早年为了增加这可读性甚至专门发明了个 CoffeeScript，写完代码还得多一步把代码从 CoffeeScript 转译成 js 才能用

夏虫沉默

清澈淌漾 发表于 2021-11-17 15:59
可读性增加了 还有别的提升吗

代码的运行效率并未提高，因为底层还是使用原型链的方式实现的模拟类的写法，所以要先理解之前的写法才能方便找BUG;
减少了部分代码量，也更方便整理了;
默认使用的是JS的严格模式，变相提升了编写者的逻辑思维;
还有一个疑问，我的帖子编辑里怎么没有代码块blockcode的设置呢

清澈淌漾

可读性增加了 还有别的提升吗