如何用ES6的类语法糖来编写rmmv插件?
关键词
RPGMV插件
、ES2015
前言
本文章井作为测试用例。
使用ES6的语法糖替换掉rmmv的函数类
想要使用ES6
开发插件,必须会遇到如何使用ES6来继承源码的prototype
函数类,MDN的class参考
给了我们一个具体的示例。点此阅读class参考
:
function Animal (name) {
this.name = name;
}
Animal.prototype.speak = function () {
console.log(this.name + ' makes a noise.');}
class Dog extends Animal {
speak() {
super.speak();
console.log(this.name + ' barks.');
}}
var d = new Dog('Mitzie');
d.speak();//Mitzie makes a noise. Mitzie barks.
我们可以给出这样的准则:
- 在
class
继承的子类中,在构造函数内都使用super
来调用父类的属性。否则子类无法使用this
来调用父类的属性。 - 如果重写的方法在功能上和父类相同,就使用
super
,否则不使用super
。这种写法相当于.call(this)
。
重构准则
当我们使用ES6
的语法时,我们可以用模块化的方式来编写rmmv
的插件,在模块化开发下,平时的插件代码应该这样重构:
- 成员变量初始化写法的重构
old:
this.initialize.apply(this, arguments);
new:
super();
这行代码的本质是实现变量的成员变量的赋初值,在constructor
构造函数内调用super();
。即可初始化来自父类的成员变量。
- 父类方法调用的重构
old:
Scene_Base.prototype.create.call(this);
new:
super.create();
这行代码的本质是调用来自父类的方法,并在调用父类方法的时候,绑定子类的this
对象,实现子类对象调用父类方法。用类似于Java
的super
关键字即可调用来自父类的方法。