Web Development/Javascript
접근자 함수 get, set
짬짬이기록하기
2023. 10. 24. 10:25
반응형
const person = {
//데이터 프로퍼티
firstName: 'Ungmo',
lastName: 'Lee',
// fullName은 접근자함수로 구성된 접근자 프로퍼티.
// getter함수
get fullName(){
return `${this.firstName} ${this.lastName}`;
},
// setter함수
set fullName(name){
[this.firstName, this.lastName] = name.split(' ');
}
}
//데이터 프로퍼티를 통한 프로퍼티 값의 참조
console.log(person.firstName + ' ' + person.lastName) //Ungmo Lee
//접근자 프로퍼티를 통한 프로퍼티 값의 저장
//접근자 프로퍼티 fullName에 값을 저장하면 setter함수가 호출
person.fullName = 'Heegun Lee';
console.log(person) // {firstName: "Heegun", lastName: "Lee"}
//접근자 프로퍼티를 통한 프로퍼티 값의 참조
//접근자 프로퍼티 fullName에 접근하면 getter함수가 호출
console.log(person.fullName) //Heegun Lee
- 접근자프로퍼티는 스스로 값을 가지지 않고, 값을 읽거나 저장할 때 관여함
*모던자바스크립트 Deep dive에서 발췌
반응형