Ir al contenido

Sobrescribir el método toString en Javascript

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

persona = new Object();
persona.nombre = "Víctor";
persona.edad = 33;
persona.ciudad = "Madrid";

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

persona.prototype.toString = function() {
return this.nombre + " de " + this.edad + " años que vive en " + this.ciudad;
}

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()

document.write(persona.toString());

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

Foto de Víctor Cuervo

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Descarga el código de Sobrescribir el método toString en Javascript

Código que nos enseña como podemos sobrescribir el método toString en Javascript.

Descargar código