1. 함수에서 this 키워드 사용하기
객체 메서드 내부에서는
this 키워드를 사용
하여 자기 자신이 가지고 있는 다른 속성을 참조할 수 있다.
var person = {
name : '우고은',
eat_a : function(food) {
//this == person 객체
document.write(this.name + '이 ' + food + '을 먹습니다');
}
출력 결과
person.eat_a('밥'); // 우고은이 밥을 먹습니다.
2. Arrow 함수에서 this 키워드 사용하기
출력할 때 this.name 이 비워져 있음 화살표 함수에서는 this 를 바인딩 하지 않는다. ** 객체 내부에서 this 키워드를 활용하고 싶을 때는, 화살표 함수를 사용하지 않는다.**
eat_b : (food) => {
document.write(this.name + '이 ' + food + '을 먹습니다');
}
}
출력 결과
person.eat_b('냠냠'); // 이 냠냠을 먹습니다
See the Pen Javascript - 객체 02 속성과 메서드 by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.
Comments