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
Deja una respuesta