자바스크립트 this

QA - Test - Errer·2022년 12월 1일
0

TIL

목록 보기
26/52
post-thumbnail

this는 무엇일까!?

this = 객체를 가리키는 키워드이다. 쉽게말해서 this는 호출하는 놈 이다,

호출하는 몸이 없을 경우에는 기본값으로 window 객체 입니다.

예외가 있는데

  1. 전역스코프에서 this는 window 객체 입니다.
  2. 화살표 함수 (Arrow Function)에서 this가 조금 달라집니다.
  3. Strict Mode에서는 this가 조금 달라집니다.

이렇게 print 메서드 호출 시 undefined가 출력되는 이유는 호출한 놈이 다르기 때문이다.

예시)

이렇게 코드를 적고 보면 크롬에 콘솔을 보자.

fullname:배민수, age:20 이라고 나온다.

그럼 this는 누구를 가리키고있는가 바로 parson을 가리고 호출 하는 모습이다.

그럼 확인을 해보자 어떻게?

동등 연산자 (this === person)을 넣어서 해보자

this의 객체는 person이 아니라 window이라고 나온다. 다시말해 window전역 객체이다.

true가 뜨는것을 볼수있다. 만약 거짓이라면 false이 뜰 것이다.

this는 호출하는 방법에 따라 결정이 된다.

그럼 this는 person객체인가? 모르니깐 확인해보자

    console.log('this === person', this === person);
    console.log('this === window', this === window);

문자열을 넣어서 확인해보자. 결과는?

window전역객체는 쉽게말해 '브라우저 창' 이다. 자바스크립트로 브라우저에서

제공하는 전역 객체이다.

profile
https://dirt-shoe-59d.notion.site/QA-Engineer-a021ababa8b44cb780000fc01eca2a8e

1개의 댓글

comment-user-thumbnail
2022년 12월 2일

어제 하루도 너무 고생많으셨어요!

답글 달기