this

PYG·2021년 5월 14일
0

OOP

목록 보기
2/8

this

  • 이 함수가 속해 있는 객체를 가리키는 변수

1.1

var park = {
	name : 'park',
    first : 50,
    second : 30, 
	sum : function(f, s) {
    	return f + s;
    }
};
console.log(park.sum(park.first, park.second)); 

-> 매번 인자를 바꿔쓰기 불편

1.2

var park = {
	name : 'park',
    first : 50,
    second : 30, 
	sum : function() {
    	return park.first + park.second;
    }
};
console.log(park.sum()); 
var p = {
	name : 'park',
    first : 50,
    second : 30, 
	sum : function() {
    	return p.first + p.second;
    }
};
console.log(p.sum()); 
  • 객체명이 바뀔 경우 sum 안의 수식에 있는 객체명까지 바꿔쓰기 불편
  • 객체명을 park -> p로 바꾸면 sum 안에 있는 park도 일일이 p로 변경해야 함

1.3

var p = {
	name : 'park',
    first : 50,
    second : 30, 
	sum : function() {
    	return this.first + this.second;
    }
};
console.log(p.sum()); 
  • this로 바꾸면 이제 객체명이 무엇으로 바뀌어도 적용 가능
  • 함수가 속해 있는 객체를 가리키는 변수가 this이기 때문에

0개의 댓글