Clases simples en JS

Una de las cosas que siempre he echado de menos en Javascript es tener un buen sistema de clases donde se puedan implementar aplicaciones haciendo uso de patrones orientados a objetos. En ES6 han agregado el soporte para clases aunque bastante limitado para mi gusto siendo una lástima no haber aprovechado la nueva especificación para crear un lenguaje orientado a objetos mucho más robusto.

Si eres como yo que huye de los transpiladores hasta que ES6 esté bien soportado hay un paquete para node que permite tener un sistema bastante simple de clases con herencia.

Este paquete ha sido creado por los desarrolladores de EmberJS y tiene un funcionamiento bastante similar al sistema base.js creado por Dean Edwards por allá por 2006 y más parecido aún al de John Resig.

Instalación

Para instalarlo basta con hacer:

  1. $ npm install core-object

Uso

Para crear clases usando este sistema tenemos el método estático CoreObject.extend que nos permite definir las clases mediante un objeto que se le pasa como parámetro. Al definir lo métodos podremos hacer uso de this._super(...) para acceder a los métodos de la clase padre.

  1. var CoreObject = require('core-object');
  2. // Clase base para personas
  3. var Person = CoreObject.extend(
  4.     {
  5.         name     : '',
  6.         init     : function (name)
  7.         {
  8.             if (name)
  9.             {
  10.                 this.name = name;
  11.             }
  12.             this._super();
  13.             console.log('Person::init');
  14.         },
  15.         toString : function ()
  16.         {
  17.             console.log(this.name);
  18.         }
  19.     }
  20. );
  21. // Clase para jefes que, según parece, son personas
  22. var Boss = Person.extend(
  23.     {
  24.         name : 'The Boss',
  25.         init : function (name)
  26.         {
  27.             this._super(name);
  28.             console.log('Boss::init');
  29.         }
  30.     }
  31. );
  32. //-
  33. var boss = new Boss();
  34. boss.toString();
  35. //-
  36. var superboss = new Boss('Super Boss');
  37. superboss.toString();

La salida del código anterior sería la siguiente:

  1. Person::init
  2. Boss::init
  3. The Boss
  4. Person::init
  5. Boss::init
  6. Super Boss