Skip to content

[1.2 함수 / p.41] [코드 1.5] 클래스형 컴포넌트에서 일반 함수와 화살표 함수로 state를 갱신하는 예제 #1

Description

@Ssong-Q

혹시 해당 예제에서 왜 this.functionCountUp으로 호출된 functionCountUp 함수 내부의 console.log(this)의 출력값이 undefined로 나오는지 설명 가능하신 분 계신가요?

원래 메소드로 호출이 되는 경우, 해당 메소드 호출 주체가 this로 바인딩되는 것으로 알고 있는데요. 우선 여기서는 그게 적용이 안되는 것 같구...

함수로써 바인딩 되는 걸로 따지면 화살표 함수는 이해가 됩니다. 왜냐하면, 화살표 함수는 this binding이 안되므로 상위 스코프를 this로 참조한다고 하니 class Component로 묶이는걸로요. 근데, 일반 함수 쪽이 이해가 안되네요. 일반 함수의 경우, 전역 객체를 참조한다면 이해가 될텐데, undefined로 묶이는게 이해가 안되네요!! ㅠㅠ

Metadata

Metadata

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions