Javascript(5) - this?( 작성 중 )

용스·2022년 10월 15일
0

JavaScript

목록 보기
5/5

Javascript를 공부하게 되면 자주 보게 되는 단어 this

this란 말 그대로 이것, 무엇인가를 가르키는 지시어이다.

Javascript의 this도 객체를 가리키는 지시어인데, 동적 언어인 Javascript에서는 this를 호출하는 곳에 따라서 값이 달라진다.

다음의 코드를 살펴보자

function printThis(){
  console.log( this );
}

const person1 = {
  name : "Max",
  whoIsThis : printThis
};

const person2 = {
  name : "Elly",
  whoIsThis : printThis
};

const person3 = {
  name : "Kim",
  whoIsThis : printThis
};

이와 같은 코드가 있을 때 각각을 출력해보자

printThis(); // Window { ... }

person1.whoIsThis(); // { name : "Max", whoIsThis: f } 

person2.whoIsThis(); // { name : "Elly", whoIsThis: f }

person3.whoIsThis(); // { name : "Kim", whoIsThis: f }
  1. printThis()
    => 호출한 것이 없기 때문에 전역 객체인 Window를 의미한다.
  2. person1.whoIsThis(), person2.whoIsThis(), person3.whoIsThis()
    => 앞에 호출한 person1, person2, person3를 의미한다.
profile
일단 해보자

0개의 댓글