javascript - property - ¿Cuál es la palabra clave "get" antes de una función en una clase?

javascript class setter getter

Question

¿Qué significa get en esta clase de ES6? ¿Cómo hago referencia a esta función? ¿Cómo debo usarlo?

class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}

Answer 1

Resumen:

La palabra clave get unirá una propiedad de objeto a una función. Cuando se busca esta propiedad ahora se llama a la función getter. El valor de retorno de la función getter determina qué propiedad se devuelve.

Ejemplo:

const person = {
    firstName: ''Willem'',
    lastName: ''Veen'',
    get fullName() {
        return `${this.firstName} ${this.lastName}`;
    }

}

console.log(person.fullName);
// When the fullname property gets looked up
// the getter function gets executed and its
// returned value will be the value of fullname

Answer 2

Es getter, igual que Objetos y Clases en OO JavaScript. De los documentos de MDN para getter :

La sintaxis get vincula una propiedad de objeto a una función que se llamará cuando se busque esa propiedad.

Answer 3

Significa que la función es un captador de una propiedad.

Para usarlo, solo use su nombre como lo haría con cualquier otra propiedad:

''use strict''
class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  get area() {
    return this.calcArea()
  }

  calcArea() {
    return this.height * this.width;
  }
}

var p = new Polygon(10, 20);

alert(p.area);