getter함수, setter함수

jini.choi·2022년 5월 17일
0

JavaSctipt-입문

목록 보기
3/10

getter함수

  • 우리가 특정값을 호출하지 않고 조회하려고 할 때, 특정 코드를 실행 시키고 여기서 연산된 값을 받아서 사용하는 것을 의미한다.
const number = {
	a: 1,
	b: 2,
	get sum(){
		console.log('sum함수가 실행됩니다.');
		return this.a + this.b;
	}
};

console.log(numbers.sum);
numbers.b = 5;
console.log(numbers.sum);

setter함수

  • 특정 값을 설정할 때 마다 value를 파라미터로 받아와서 값을 설정하거나 어떤 코드를 실행
const dog = {
	_name: '멍멍이',
	get name(){
		console.log('_name을 조회합니다...');
		return this._name;
	},
	set name(value){
		console.log('이름이 바뀝니다...' + value);
		this._name = value;
	}
};
console.log(dog.name);
dog.name = '뭉뭉이';
console.log(dog.name);
const numbers = {
	_a: 1,
	_b: 2,
	sum: 3,
	calculate(){
		console.log('calculate');
		this.sum = this._a + this._b;
	},
	get a(){
		return this._a;
	},
	get b(){
		return this._b;
	},
	set a(value){
		this._a = value;
		this.calculate();
	},
	set b(value){
		this._b = value;
		this.calculate();
	}
};
console.log(numbers.sum);
numbers.a = 5;
console.log(numbers.sum);

이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online'을 수강하며 정리한 노트입니다.
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C

profile
개발짜🏃‍♀️

0개의 댓글