mootools 1.2 类机制解析：Class 与 Native 的实现原理

mootools Class 与 Native 基础机制

mootools.js 当前提及的最新稳定版本为 1.2.3，本文示例基于 1.2.0 版本。该库的设计核心在于紧凑性、模块化以及面向对象的特性。在 mootools 中，创建类的主要方式是使用 Class 类，而 Class 本身则是通过 Native 类实例化生成的。

/* 
*Script: Class.js
*/ 
var Class = new Native({
name: 'Class',
initialize: function(properties){
properties = properties || {};
var klass = function(empty){
for (var key in this) this[key] = $unlink(this[key]);
for (var mutator in Class.Mutators){
if (!this[mutator]) continue;
Class.Mutators[mutator](this, this[mutator]);
delete this[mutator];
} 
this.constructor = klass;
if (empty === $empty) return this;
var self = (this.initialize) ? this.initialize.apply(this, arguments) : this;
if (this.options && this.options.initialize) this.options.initialize.call(this);
return self;
}; 
$extend(klass, this);
klass.constructor = Class;
klass.prototype = properties;
return klass;
} 
});

Class 源码结构解析

Native 方法是 mootools 中至关重要的底层方法，许多核心类如 Window、Document 和 Event 均通过它进行组装。此外，Class 也是由 Native 构建而来。导入 mootools 库后，开发者只需直接使用 Class 即可创建类。以下是一个 Person 类的具体实现示例：

/** 
* Person 类定义
* @param {Object} name
*/ 
var Person = new Class({
initialize: function(name){
this.name = name;
}, 
setName : function(name) {
this.name = name;
}, 
getName : function() {
return this.name;
} 
}) 
// 实例化对象
var p = new Person("jack");
// 测试 set 和 get 方法
console.log(p.getName());// 输出 jac
p.setName('andy');
console.log(p.getName());// 输出 andy
// 测试 instanceof 运算符及 p.constructor 是否指向 Person
console.log(p instanceof Person); // 输出 true
console.log(p.constructor == Person); // 输出 true

Native 调用方式的设计意图

实际上，Native 只是一个普通函数，它通过接收参数组装出一个类（即 function），并返回该类。既然 Native 是函数，理论上可以通过 ()、call 或 apply 进行调用。但在 mootools 中，却采用了 new Native(obj) 的方式。这样做的原因仅仅是为了让 Native 在语义上看起来更像是一个标准的类构造函数，从而提升代码的可读性和直观性。