Clases en JavaScript con ECMAScript 6

La versión 6 de ECMAScript (ES6) trae para JavaScript un nuevo mundo de posibilidades. Entre ellas se destaca la posibilidad de trabajar con clases.

A continuación veremos un ejemplo desarrollado para aprender como funcionan las clases en JavaScript con ES6, empleando también un método constructor:

El código fuente se puede observar como el siguiente:

class circulo {
	constructor(radiocm) {
		this.radiocm = radiocm;
		this.radiomm = this.radiocm * 10;
	}
	mensaje() {
		return 'Radio: ' + this.radiocm + ' cm (' + this.radiomm + ' mm)';
	}
}

let micirculo = new circulo(18);
console.log(micirculo.mensaje());

// Example by @damiande

En el ejemplo se puede apreciar la creación de la clase circulo. Dentro tendremos el constructor que recibe el radio en centímetros y el método mensaje.

Con micirculo se crea una instancia en la que se pasa al constructor el valor 18. A continuación se muestra el mensaje en la consola del navegador con console.log().

Clases en JavaScript: conclusión

La inclusión de nuevas características posiciona a JavaScript como una pieza clave dentro de las tecnologías que permiten crear desarrollos para el mundo Web actual, pero además se extiende a dar soluciones para una mayor variedad de necesidades que antes requerían pasar por otros lenguajes de programación.

Si bien la compatibilidad con ECMAScript 6, por parte de los navegadores no es completa aún, contamos cada vez con más soporte para sus características a medida que se lanzan nuevas versiones de los browsers modernos.

Para saber más sobre clases en JavaScript y ver la compatibilidad con navegadores, podemos consultar el artículo publicado por MDN.

Si te interesa aprender más sobre JavaScript dejame un comentario o escribime un mensaje.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*