Từ khóa "get" trước một hàm trong một lớp là gì?

Những gì hiện getcó nghĩa là trong lớp ES6 này? Làm cách nào để tham chiếu chức năng này? Tôi nên sử dụng nó như thế nào?

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

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

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

Nó có nghĩa là hàm là một getter cho một thuộc tính.

Để sử dụng nó, chỉ cần sử dụng tên của nó như bạn làm với bất kỳ thuộc tính nào khác:

'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);

Tóm lược:

Các gettừ khóa sẽ ràng buộc một tài sản đối tượng để một hàm. Khi thuộc tính này được tra cứu, bây giờ hàm getter được gọi. Giá trị trả về của hàm getter sau đó xác định thuộc tính nào được trả về.

Thí dụ:

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

Nó là getter, giống như Đối tượng và Lớp trong OO JavaScript. Từ Tài liệu MDN cho get:

Các getcú pháp liên kết với một tài sản đối tượng để một hàm sẽ được gọi khi tài sản đó được nhìn lên.