如何用ES6的类语法糖来编写rmmv插件？

如何用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的插件，在模块化开发下，平时的插件代码应该这样重构：

1. 成员变量初始化写法的重构

old：

this.initialize.apply(this, arguments);

new：

super();

这行代码的本质是实现变量的成员变量的赋初值，在constructor构造函数内调用super();。即可初始化来自父类的成员变量。

2. 父类方法调用的重构

old：

Scene_Base.prototype.create.call(this);

new：

super.create();

这行代码的本质是调用来自父类的方法，并在调用父类方法的时候，绑定子类的this对象，实现子类对象调用父类方法。用类似于Java的super关键字即可调用来自父类的方法。