MooTools 1.0: Elegant Prototypal Inheritance (2006)

MooTools 1.0: Elegant Prototypal Inheritance

It's 2006, and the "JavaScript is just for copy-pasting scripts" era is officially over. We're building complex UIs, and we need better tools. While Prototype.js is the popular kid on the block, MooTools (My Object Oriented Tools) is winning hearts with its incredibly clean and powerful Class system.

The MooTools Philosophy

MooTools doesn't just give you helper functions; it extends the built-in JavaScript objects in a way that feels natural. But its crowning achievement is the Class constructor, which brings a familiar "Class-based" syntax to JavaScript's prototypal nature.

Defining a Class

var Animal = new Class({
    initialize: function(name) {
        this.name = name;
    },
    eat: function() {
        return this.name + " is eating.";
    }
});

var Cat = new Class({
    Extends: Animal, // Inheritance!
    initialize: function(name, breed) {
        this.parent(name); // Call the super constructor
        this.breed = breed;
    },
    meow: function() {
        return "Meow! I am a " + this.breed;
    }
});

var myCat = new Cat("Mittens", "Siamese");
console.log(myCat.eat()); // Mittens is eating.

Class Mutators: Implements and Extends

MooTools uses "Mutators" to handle complexity. Extends handles the prototype chain, while Implements allows for a form of Mixins, copying methods from one object into another.

var Flyable = new Class({
    takeOff: function() {
        console.log("Taking off...");
    }
});

var Bird = new Class({
    Extends: Animal,
    Implements: Flyable, // Mixin!
    chirp: function() {
        console.log("Chirp!");
    }
});

Why MooTools?

Compared to the competition, MooTools feels "modular." You can download only the parts you need (Core, Class, Element, Fx). Its animation engine (Fx) is also lightyears ahead of what we're seeing elsewhere. If you're a developer who values code elegance and clear structure over raw popularity, MooTools 1.0 is the framework you've been waiting for.

Aunimeda builds modern web frontends - from single-page applications to complex multi-locale sites.

Contact us to discuss your frontend project. See also: Web Development, Corporate Website Development