Métodos de ES6: Getter and Setter

Los métodos Get y Set nos permiten obtener y establecer propiedades de nuestras clases. Para ver cómo funcionan haremos un ejemplo en el que crearemos la clase Gemma y aplicaremos ambos métodos.

GET

Empezaremos con Get. El método Get nos permite obtener propiedades de nuestra clase. En el ejemplo, vamos a obtener el nombre.

Primero escribiremos get name() y dentro un return. Dado que la propiedad que vamos a retornar es privada, tendremos que especificarla con un this punto seguido de guión bajo (this._) y a continuación la propiedad.

Para ver si funciona, crearemos una instancia de nuestra clase (o dicho de otra forma un objeto) que guardaremos en la variable person.

Ahora bien, si a esto le hacemos un console.log interpolando la variable con la propiedad name, comprobaremos que nos devuelve undefined. ¿Por qué?

Sencillamente porque en ningún momento hemos definido la propiedad name y es aquí donde entra en juego el segundo método: Set.

SET

Con el método Set establecemos el valor de una propiedad. Cuando usamos este método, hacemos que reciba la propiedad como parámetro. Al igual que en el método anterior, al tratarse de una propiedad privada, la estableceremos con this._ que haremos igual a name.

Una vez hecho esto, definiremos person.name que será equivalente al nombre que queramos, en nuestro caso “Gemma”. Esta vez, al comprobar con el console.log veremos que efectivamente, ya nos devuelve el nombre deseado.

Más información del método Set en MDN
Más información del método Get en MDN

Katas de test http://es6katas.org/