[Javascript]setter와 getter

hello__0·2022년 11월 5일
0

Javascript-Class

목록 보기
4/7

접근자 프로퍼티(Accessor Property)

프로퍼티를 읽거나 쓸 때 호출하는 함수를 값 대신에 지정할 수 있는 프로퍼티입니다.
접근자 프로퍼티는 'getter(획득자)'와 ‘setter(설정자)’ 메서드로 표현됩니다. 객체 리터럴 안에서 getter와 setter 메서드는 get과 set으로 나타낼 수 있습니다.

접근 => get 호출
할당 => set 호출

suji.fullName()처럼 함수로 접근하는 법 말고 일반 속성에 접근하는 것 처럼 접근하고 싶을 때
=> 원하는 함수 앞에 get을 붙인다.

get 할당

// 접근자 프로퍼티
class Actor {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

const suji = new Actor('배', '수지');
// console.log(suji.fullName());
console.log(suji.fullName);


set 할당

// 접근자 프로퍼티
class Actor {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
  set fullName(value) {
    console.log(value);
  }
}

const suji = new Actor('배', '수지');
// console.log(suji.fullName());
console.log(suji.fullName);

suji.fullName = '김수지';

suji.fullName = '김수지';
를 할당을 했기 때문에 set 함수가 호출이 되고 할당하고자 하는 value가 인자로 전달된다.

profile
자라나라 나무나무

0개의 댓글