developer tip

클래스의 함수 앞에있는 "get"키워드는 무엇입니까?

copycodes 2020. 10. 10. 10:12
반응형

클래스의 함수 앞에있는 "get"키워드는 무엇입니까?


get이 ES6 수업에서 무엇을 의미합니까? 이 함수를 어떻게 참조합니까? 어떻게 사용해야합니까?

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

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

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

이는 함수가 속성에 대한 getter임을 의미합니다.

그것을 사용하려면 다른 속성과 마찬가지로 이름을 사용하십시오.

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


요약:

get키워드는 함수 객체의 속성을 바인딩합니다. 이제이 속성을 조회하면 getter 함수가 호출됩니다. getter 함수의 반환 값은 반환되는 속성을 결정합니다.

예:

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


OO JavaScript의 객체 및 클래스와 동일한 getter입니다. MDN 문서에서 get:

get구문은 그 속성을 조회 할 때 호출 될 함수 객체 속성을 결합한다.

참고URL : https://stackoverflow.com/questions/31999259/what-is-the-get-keyword-before-a-function-in-a-class

반응형