This #1 regular function call

金秀·2021년 8월 21일
0

JS 개념정리

목록 보기
6/15

-this 는 객체지향과 관련됨, 대부분의 상황에서 객체이고
객체처럼 사용 가능
-this는 함수 값 내부에서 사용됨(arrow function 말고)
-일단 이해하는 걸(이게 뭔지, 흐름을 이해하고 분석) 목표로 삼자.
-아직까지는 응용보다는 이해하기
-무분별하게 쓰지 않기

1.this 판별법

실행 문에 따라서 this 값은 다름,
함수가 실행되는 순간 결정됨
=> 함수의 실행문을 찾고,'어떻게' 실행되었는지 판별하면 this 값은 찾을 수 있음 => 선언문만 보고는 알수 없음!

예1)

라인13의 this값? 실행아님(할당)
라인14의 this값? 일반함수로 실행됨(최종적으로) window

this 값 #1 regular function call

1.regular function call!
일반함수 실행 => this 는 글로벌 객체
윈도우에서는 window 객체
함수 선언이나 할당은 영향 없음

예2) bar 안의 this는?

실행되 때 라인5에서 => 일반함수 실행
this는 window

예3)
bar는 일반함수 실행 방식!

this는 window => 30

Strict 모드! 이전에는 허용되었던 실수를 오류로 바꿔놓음

strict 모드 안에서는 일반함수에서 => this는 undefined

strict 모드 시에는 오류남!
보통 this가 window가 되는 경우는 (의도적인 경우가 아니라면) 버그임.
window일 때는 그냥 window 씀.
strict 모드 존재 전에는 버그 발생을 알려주지 않았음-!
debugging 할 때 추적하기 어려움

profile
기록하기

0개의 댓글

관련 채용 정보