본문 바로가기

Earn this, Earn it.

검색하기
Earn this, Earn it.
프로필사진 Narastro

  • 분류 전체보기 (61)
    • [일상] (6)
    • [코딩테스트 대비] (9)
    • [개발 공부] (45)
Guestbook
Notice
Recent Posts
Recent Comments
Tags
  • 애니메이션
  • 비동기
  • 기술부채
  • til
  • svelte
  • nodejs
  • tcp
  • React
  • 알고리즘
  • 웹 개발기
  • 카카오엔터프라이즈
  • Express
  • JavaScript
  • 테크블로그
  • Git
  • async
  • mvc
  • udp
  • 함수형 프로그래밍
  • fp
  • 미드나잇크루
  • 옵저버패턴
  • http
  • 네트워크
  • 도모스트렝스
  • WebRTC
  • kakaoenterprise
  • Python
  • MySQL
  • iP
more
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Call (1)

Earn this, Earn it.

TIL - 내멋대로 정리하는 this, bind, apply, call

this JavaScript에서 this는 context 객체라고도 불린다. 이는 실행된 문맥(context)에 따라 this가 결정되기 때문이다. 주의할 점은 화살표 함수는 this를 가질 수 없으므로, 외부 렉시컬 환경에서 this를 찾게되고 외부에도 없고 그 외부의 외부에도 없고... 하는 경우에는 window나 global까지 가리킬 수 있으므로 조심해야 된다. bind 콜백함수를 호출할 때 this가 window나 global을 가리키는 것을 방지하기 위해(문맥정보를 보관하기 위해) bind를 쓰게 된다. bind()함수를 통해 this가 무엇인지를 정해주게 되면 메서드를 외부로 꺼내서 콜백을 사용하는 등의 문맥정보를 잃어버리는 일을 방지할 수 있다. call과 apply bind와 달리 cal..

[개발 공부] 2021. 9. 24. 16:43
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바