Va siendo hora de aplicar los conocimientos adquiridos en los artículos sobre objetos en Javascript (Crear métodos dinámicamente en Javascript, Crear un objeto con métodos en Javascript, Crear un objeto en Javascript,…) para realizar algún ejemplo práctico. Y este será el sobrescribir el método toString en Javascript.

Y es que, cuándo creemos un objeto en Javascript, sobre este podemos invocar el método .toString(). Si bien, este método nos devolverá lo siguiente:

[object Object]

Vamos paso a paso… tenemos nuestro objeto persona

function persona(nombre,apellido,edad){
  this.nombre = nombre;
  this.apellido = apellido;
  this.edad = edad;
}

Ahora, para sobrescribir el método toString en Javascript lo haremos dinámicamente mediante la sentencia prototype:

persona.prototype.toString = function toString() { return this.nombre + " " + this.apellido + ". " + this.edad + " años"; }

También lo podíamos hacer definido de forma directa sobre persona.

Ya solo nos queda instanciar el objeto e invocar el método .toString()

var p1 = new persona("Victor","Cuervo",32);
document.write(p1.toString());

Mucho más bonito lo que suelta ahora por pantalla.

Si ayer veíamos que podíamos crear propiedades dinámicas en Javascript hoy veremos como crear métodos dinámicamente en Javascript.

Y es que el procedimiento es el mismo para este caso y volveremos a apoyarnos en la sentencia prototype para poder crear métodos dinámicamente.

Lo primero definir una clase… volvemos a utilizar nuestra clase rectángulo…

function rectangulo(base,altura){
  this.base = base;
  this.altura = altura;	
}

E instanciamos dos elementos de la clase rectángulo:

r1 = new rectangulo(2,4);
r2 = new rectangulo(4,8);

En este momento solo podemos acceder a las propiedades base y altura. Así que pasamos a crear un método calcularArea dinámicamente.

rectangulo.prototype.calcularArea = function() { return this.base*this.altura; };

Vemos que hemos utilizado la sentencia prototype, con lo cual conseguimos que se defina dinámicamente el método para todas las instancias de rectángulo. Si no utilizasemos prototype se definiría el método dinámicamente solo para la instancia a la que se lo aplicásemos.

Ahora ya podemos ejecutar el método sobre las dos instancias del objeto:

document.write("Un rectangulo de " + r1.base + "x" + r1.altura + " tiene un área de " +  r1.calcularArea() + "
");
document.write("Un rectangulo de " + r2.base + "x" + r2.altura + " tiene un área de " +  r2.calcularArea());

Una de las cosas que podemos hacer con los objetos en Javascript es crear propiedades de forma dinámica. Por ejemplo, podemos tener una definición de objeto persona con nombre, apellido y edad.

function persona(nombre,apellido,edad){
  this.nombre = nombre;
  this.apellido = apellido;
  this.edad = edad;	
}

Sobre esta definición estática añadiremos una nueva propiedad de forma dinámica. Es decir, dinámicamente añadiremos la propiedad ciudad. Esto lo podríamos hacer de la siguiente forma:

var p1 = new persona("victor","cuervo","32");
persona.ciudad = "Avila";

El problema de utilizar esta forma de crear propiedades dinámicas en Javascript es que solo será para la instancia a la que se lo hemos añadido. Así, el siguiente código:

var p2 = new persona("isabel","herrero","40");
document.write(persona.ciudad);

Nos devolvería «undefined» ya que la propiedad ciudad solo se añadió para p1.

Si queremos crear una propiedad dinámica que sea aplicable a todas las instancias deberemos de utilizar la sentencia prototype de la siguiente forma:

var p1 = new persona("victor","cuervo","32");
persona.prototype.ciudad = "Avila";

Así el siguiente código:

var p2 = new persona("isabel","herrero","40");
document.write(persona.ciudad);

Ya devolverá «Avila» como respuesta.