짬짬이기록하기

접근자 함수 get, set 본문

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에서 발췌 

반응형

'Web Development > Javascript' 카테고리의 다른 글

forEach, Map 차이  (0) 2023.11.07
Array.from()  (0) 2023.11.07
함수, 함수() 방식 차이  (0) 2023.10.19
Array 객체의 메서드 요약  (1) 2023.10.17
for in 문, for of 문 차이  (0) 2023.08.18