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");
        }

 

Sobre Reacción Estudio

Somos un estudio informático formado por jóvenes centrados en el desarrollo web, el diseño gráfico y la fotografía. Puedes solicitar presupuesto para tu proyecto a través de nuestra página web o por teléfono, pero en este blog hablaremos de todo lo que engloba el desarrollo web a día de hoy.


Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.     ACEPTAR