본문 바로가기
WEB/JavaScript

[JS] getter & setter

by DeveloperCat 2023. 10. 28.
반응형

1 getter 메서드

let user = {

  name: "John",

  surname: "Smith",





  get fullName() {

    return `${this.name} ${this.surname}`;

  }

};





alert(user.fullName); // John Smith

 

 

2 setter 메서드

let user = {

  name: "John",

  surname: "Smith",





  get fullName() {

    return `${this.name} ${this.surname}`;

  }

 

  set fullName(value) {

    [this.name, this.surname] = value.split(" ");

  }

};





// 주어진 값을 사용해 set fullName이 실행됩니다.

user.fullName = "Alice Special"





alert(user.fullName); // Alice Special

alert(user.name); // Alice

alert(user.surname); // Special
반응형

'WEB > JavaScript' 카테고리의 다른 글

[JS] json  (0) 2023.10.28
[JS] constructor & instanceof  (0) 2023.10.28
[JS] prototype  (0) 2023.10.28
[JS] 호출 스케줄링  (0) 2023.10.28
[JS] 재귀 함수  (0) 2023.10.28