Haciendo objetos con ES2015

Published Oct 19, 2017

Antes de ES2015, construir un objeto se hacía con una “función constructora” para establecer los atributos del objeto:
uno.png
Posteriormente para dotar de funcionalidad a dicho objeto se agregaban los métodos utilizando prototype:
dos.png
Nota: chequen el uso necesario e intensivo de la palabra reservada "this". Esto garantiza que se utilicen los atributos y métodos del objeto que invoca la funcionalidad en cuestión.
03-tres.png

Con ES2015

Ahora veamos cómo se hace todo lo anterior con las "nuevas" especificaciones.
04-cuatro.png
Observen cómo es más fácil establecer atributos y métodos privados, y para poner los que si son alcanzables por los objetos se ponen dentro del "return{}"
Nota: ya no hay "this", todo se encuentra perfectamente encapsulado. También utilicé "template string" el cual hace fácil (y limpio) la construcción de cadenas evitando el uso indiscriminado de concatenaciones (+) entre las cadenas y las variables.
Creando y utilizando objetos.
05-cinco.png

Conclusiones

Pienso ES2015 acerca más a JS a ser un lenguaje con un manejo mejor de objetos y sus características como la encapsulación, una mejor organización y “testabilidad” de nuestro código.

Discover and read more posts from Gabriel
get started