📌“THIS”는 함수를 “호출”한 객체이다.

function main(){
	console.log(this);
}
main() // window

🚩 window라는 객체 안을 보면 main이라는 함수가 들어있다.

🚩 전역적으로 실행된 함수는 window.main()과 같기 때문에

this가 속해있는 함수를 호출한 객체를 window로 본다.

💥 그러나

**“use strict”**모드로 JS를 실행한다면, “undefined”가 출력된다.

함수 내부에서 **“use strict”**모드로 실행해도 마찬가지다.

함수 스코프 안에서 this가 정의되지 않았기 때문이다.

✏ 메소드 안의 this

const object = {
	name: "TOM",
	main: function(){
		console.log(this)
	},
};
object.main(); // { name: "TOM", main:  ƒ}

객체 안의 메소드를 생성한 후,

메소드에서 this를 출력하는 코드를 실행시키면

메소드를 가지고 있는 객체가 this가 된다.

🚩함수의 위치는 중요하지 않다!

function main(){
	console.log(this)
}

const object = {
	name: "TOM"
	main,
};
object.main() // { name: "TOM", main:  ƒ}

→ 함수가 어디에서 생성됐는지 위치는 중요하지 않다.

그 함수를 호출한 객체가 this가 됨

🚩함수와 가장 가깝게 호출한 객체

function main(){
	console.log(this)
}

const object = {
	name: "TOM",
	smallObject: {
		name: "TOM JR",
		main,
};
object.<u>**smallObject**</u>.main() //{name: 'TOM JR', main: ƒ}

→ 객체를 호출한 함수와 가장 가까운 객체가 this가 된다.