상세 컨텐츠

본문 제목

get() set() - class

JavaScript

by 폴리프레임 2024. 6. 14. 09:16

본문

반응형

 

 

class User {
    constructor(name, age, gender){
        this.name = name;
        this.gender = gender;
        this.age = age; // 여기서 set age() 메서드가 호출됩니다.
    }
    get age (){
        return this._age; // _age 값을 반환합니다.
    }
    set age (value){
        this._age = value; // _age 값을 설정합니다.
    }
}
const kim = new User("KIM", 20, "남자");

console.log(kim.age); // get age() 메서드가 호출되어 20을 반환합니다.

kim.age = 25; // set age(25) 메서드가 호출되어 _age를 25로 설정합니다.

console.log(kim.age); // get age() 메서드가 호출되어 25를 반환합니다.

get age()

  • get 접근자는 객체의 특정 속성의 값을 읽을 때 호출됩니다. kim.age를 호출하면 get age() 메서드가 실행되어 _age 값을 반환합니다.
  • 예를 들어, console.log(kim.age)를 실행하면 get age() 메서드가 호출되어 _age 값을 반환합니다.

set age(value)

  • set 접근자는 객체의 특정 속성에 값을 쓸 때 호출됩니다. kim.age = 25와 같이 속성에 값을 할당하면 set age(value) 메서드가 실행되어 _age 속성에 할당된 값이 저장됩니다.
  • 예를 들어, kim.age = 25를 실행하면 set age(25) 메서드가 호출되어 _age 속성이 25로 설정됩니다.

getter 와 getter의 변수에는 언더스코어(_)를 붙입니다.

'JavaScript' 카테고리의 다른 글

ArrayBuffer, TypedArray, Int8Array, Unit8Array  (2) 2024.06.14
FileReader()  (1) 2024.06.14
@ 스코프 팩키지 - npm  (1) 2024.06.07
toString() - JavaScript  (0) 2024.06.03
웹 번들러 (Web bunbler)  (0) 2024.05.29

관련글 더보기