[JavaScript] method, this

반응형

method

 method는 객체의 프로퍼티로 할당 된 함수를 말한다.

singer = {
	name : 'lee mun se',
	age : 65,
	sing : function() {
		console.log("노래합니다.");
	}
}
singer.sing();

 

this

 객체 method안에서 this는 객체를 가리킨다.

singer = {
	name : 'lee mun se',
	age : 65,
	song : "가로수 그늘 아래 서면",
	sing : function() {
		console.log(`노래합니다. '${this.song}'`);
	}
}
singer.sing();

 

 this는 실행되는 시점에 결정된다.

 아래 코드에서 this는 실행 시점에 따라 boy 또는 girl이 된다.

boy = {
	name : 'ZICO',
	hello : hello
}

girl = {
	name : 'IU',
	hello : hello
}

function hello() {
	console.log(`안녕하세요. ${this.name} 입니다.`);
}

boy.hello();
girl.hello();

 

주의 사항

 화살표 함수는 일반 함수와 달리 자신만의 this를 가지지 않는다.

 화살표 함수 안에서 this를 사용할 경우, this의 값을 외부에서 가져온다.