Crear una clase con el objeto Prototype de Javascript
Una de las formas más sencillas de trabajar con clases en Javascript, es a través del objeto Prototype. Vamos a ir paso a paso explicando cómo crear una clase con Javascript.
La estructura de una clase con el objeto Prototype es la siguiente:
var Mi_clase_js = ( function() { // Constructor var cls = function() { }; cls.prototype = { // Métodos y funciones metodo_uno: function() { alert("Soy el primer método"); }, metodo_dos: function() { alert("Soy el segundo método"); } } return cls; })();
En la primera línea, declaramos el nombre de la clase. En mi caso, la clase se llama Mi_clase_js:
var Mi_clase_js = ( function()
En la siguiente línea, definimos el constructor de la clase:
var cls = function() { };
En la siguiente línea, dentro de la propiedad «cls.prototype«, definimos todos nuestros métodos y funciones:
// Métodos y funciones metodo_uno: function() { alert("Soy el primer método"); }, metodo_dos: function() { alert("Soy el segundo método"); }
Y por último, devolvemos el objeto «cls» que contiene nuestros métodos y funciones:
return cls;
Ahora para instanciar la clase debemos incluir nuestro archivo «.js» y hacer lo siguiente:
var nombre_objeto = new Mi_clase_js();
Y para usar un método de la clase:
nombre_objeto.metodo_dos();
Así de sencillo es crear una clase con el objeto Prototype de Javascript.
Una anotación importante: Si queréis llamar a una función o método de la misma clase dentro de un método de la misma clase, deberéis hacerlo así:
cls.prototype.NOMBRE_DEL_METODO();
Un ejemplo sería el siguiente:
metodo_uno: function() { alert("Soy el primer método"); cls.prototype.metodo_dos(); }, metodo_dos: function() { alert("Soy el segundo método"); }