rmmv 源码基本常识

源码基础常识

通论

drill：简单来说 rmmv 就是一个封装好的盒子，在 rmmv 里面可以向调用外面的 dom 结构，但是在 dom 层，是没法接触到 rmmv 的内部结构的。

项目调试方式

按 F8 进行 debug。

update 方法原理

update 一帧运行一次、refresh 一般是需要的时候、调用一下刷新。

源码类的基础语法知识

类的定义方式

mv 项目的绝大多数类采用混合的构造函数/原型方式来定义。

类的继承方式

mv 项目中的绝大多数类采用寄生组合式继承的方式来完成类的继承。

寄生组合式继承定义

所谓寄生组合式继承，即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。其背后的基本思路是：不必为了指定子类型的原型而调用超类型的构造函数，我们所需要的无非就是超类型原型的一个副本而已。本质上，就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。引自《JavaScript 高级程序设计》

其中，我们常见的Object.create()方法是ES5中原型式继承的规范化。

点此查阅更多细节。

结合上面两个部分的内容，作者有了以下的理解:

理解

方法的定义与继承均在prototype原型链完成，属性则是在function类本身中定义，且继承的时候也是用构造函数来完成属性的继承。

Object.create()实现继承的例子

这里粘贴了和mv项目几乎相同的继承例子，作为本小节内容。MDN.Object.create()

// Shape - 父类(superclass)
function Shape() {
  this.x = 0;
  this.y = 0;}
// 父类的方法
Shape.prototype.move = function(x, y) {
  this.x += x;
  this.y += y;
  console.info('Shape moved.');};
// Rectangle - 子类(subclass)
function Rectangle() {
  Shape.call(this); // call super constructor.}
// 子类续承父类
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;
var rect = new Rectangle();
console.log('Is rect an instance of Rectangle?',
  rect instanceof Rectangle); // true
console.log('Is rect an instance of Shape?',
  rect instanceof Shape); // true
rect.move(1, 1); // Outputs, 'Shape moved.'

用 ES5 的原型链语法实现类的定义与继承

本小节是上一节内容的拓展。这里使用了拓展性质的jsdoc注释语法，在实际的mv插件开发中建议使用。

/**
 * 小萝莉类
 * @class LittleGirl
 * @classdesc 小萝莉类，作为小女孩的基础类
 * @description
 * 类的命名规范，我们总是默认让类的命名遵循大驼峰命名法
 */
function LittleGirl() {
	this.defaultLines = "嘤嘤嘤";
}

/**
 * 撒娇方法
 * @memberof LittleGirl
 * @description 小萝莉对象撒娇
 */
LittleGirl.prototype.coquetry = function () {
	console.log(" 发出了： " + this.defaultLines + " 的声音。");
};

/**
 * 小爱丽丝类
 * @class LittleAlice
 * @classdesc 小爱丽丝类，特指钻头的小爱丽丝。
 */
function LittleAlice() {
	LittleGirl.call(this);
	this.defaultLines = "不可以涩涩哦~";
}

// 用Object.create方法实现原型链的继承
LittleAlice.prototype = Object.create(LittleGirl.prototype);
// 指定小爱丽丝类的构造器上面刚定义的构造函数
LittleAlice.prototype.constructor = LittleAlice;

/**
 * 阮喵喵 属于一种小爱丽丝
 * @description
 * 用new关键字执行构造函数 实例化对象
 */
var ruanCat = new LittleAlice();
// 阮喵喵开始撒娇
ruanCat.coquetry();

用 ES6 的语法糖优化类的定义与继承

本小节是上一节的优化写法。在实际的mv插件开发中，不一定要使用这样的写法。

class LittleGirl {
	constructor() {
		this.defaultLines = "嘤嘤嘤";
	}
	coquetry() {
		console.log(" 发出了： " + this.defaultLines + " 的声音。");
	}
}

class LittleAlice extends LittleGirl {
	constructor() {
		super();
		this.defaultLines = "不可以涩涩哦~";
	}
}

const ruanCat = new LittleAlice();
ruanCat.coquetry();

mv 继承的简单示例

mv采用了"寄生组合式继承"，即————通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。以Scene_Base为例：

Scene_Base类通过Stage.prototype.initialize.call(this);的方式，来继承来自父类Stage的属性。

通过Scene_Base.prototype = Object.create(Stage.prototype); 和 Scene_Base.prototype.constructor = Scene_Base; 的原型链方式继承来自父类Stage的方法。

对 mv 源码的总体理解

以下内容为作者自己的理解，不一定准确。

理解

在JavaScript ES5版本中，继承写法的最优解是寄生组合式继承，使用call(this)方法来实现子构造方法调用父构造方法，实现"属性"的继承；使用Object.create和prototype.constructor的方式实现原型链指向，实现"方法"的继承。
在JavaScript ES6版本中，使用语法糖可以同时实现"属性"和"方法"的继承。
mv 源码中的call(this)写法目的是为了实现继承；mv 插件的call(this)写法目的是为了实现方法功能拓展。
mv 插件编写原理是：使用call(this)方法调用原来的方法，做出功能拓展，利用PluginsManager的document.appendChild方法实现代码的导入，并利用 V8 引擎实现的词法作用域与变量原理实现JavaScript的方法覆盖，最后实现 mv 源码调用 mv 插件的方法。
mv 插件写法的本质是直接修改 mv 源码。