코어자바스크립트 this binding

2024. 4. 22. 22:39 · Programming/JavaScript

실행 컨텍스트가 언제 생성되는가

- 컨텍스트에 해당하는 함수가 호출되는 순간

 

this가 함수가 호출될 때 호출된다.

함수를 어떤 식으로 호출했냐에 따라 this방식이 달라진다. 

= 동적으로 바인딩 된다. 

 

 

this 종류

 

1. 전역 공간에서 this

- 전역 객체를 가르킨다

브라우저에서는 window

node.js에서는 global

 

2. 함수내부에서 호출시 window/global

- 함수에서도 전역객체를 가르킨다

 

3. 메서드 호출 시

- 메소드 호출 시에는 메소드 호출 주체가 this가 되더라

- . 앞이거나, {} 앞

 

4. callback 호출 시

- 콜백 호출시에는 기본적으로는 함수내부에서와 동일하게 전역객체를 보지만, 콜백함수를 어떤 식으로 처리하는 지에 따라서 this는 얼마든지 달라질 수 있다. 그런 경우에도 bind 명령 등을 통해서 사용자가 직접 this를 명시할 수 있다. 

 

5.생성자함수 호출 시

- 인스턴스가 곧 this이다.

728x90

'Programming > JavaScript' 카테고리의 다른 글

코어 자바스크립트 5장 클로저  (1) 2024.04.23
코어자바스크립트 4장 콜백함수  (0) 2024.04.23
코어 자바스크립트 실행컨텍스트  (0) 2024.04.22
데이터 타입 (기본형과 참조형)  (1) 2024.04.17
[코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (2)  (0) 2024.04.08
'Programming/JavaScript' 카테고리의 다른 글
  • 코어 자바스크립트 5장 클로저
  • 코어자바스크립트 4장 콜백함수
  • 코어 자바스크립트 실행컨텍스트
  • 데이터 타입 (기본형과 참조형)
따`ddah
따`ddah
    250x250
  • 따`ddah
    IT's ddah
    따`ddah
  • 관리    글쓰기
  • 전체
    오늘
    어제
    • 분류 전체보기
      • Projects
        • Auto Post : SNS 자동 업로더
      • kmooc
        • 기계 학습 기반의 데이터 공학
      • Algorithm
        • [C] Do it! 자료구조와 함께 배우는 알고리..
        • 알고리즘 스터디
        • 코딩 테스트
      • Basic
        • 운영체제 OS
        • 컴퓨터구조
        • 소프트웨어공학 (UML)
      • DBMS
        • 데이터베이스 이론
        • MySQL
        • Oracle SQL
        • BigQuery
        • Yammer
      • Programming
        • Python
        • C
        • Java
        • React
        • JavaScript
        • R
      • 빅데이터
      • AI
        • 멀티미디어응용
        • 머신러닝
        • 인공지능
      • 자격증
        • Azure DP-900
        • Azure AI-900
        • SQLD
        • CSTS
      • 대외활동 및 인턴
        • 인턴
        • LG Aimers
        • Outta
        • 빅데이터 분석 학회 BDA
        • 세계시민교육연구소 청년단 GYIA
      • Tool
        • Git
        • IDE
      • 도서
        • IT
      • 그 외
        • 단축키
        • ✞
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    print(f"")
    파이썬 챗봇 만들기
    BDA학회
    파이썬
    취업
    sql
    python
    오라클SQL
    input
    Oracle
    주석
    오블완
    파이썬{}
    리액트
    자바스크립트
    빅데이터분석
    react
    대외활동
    대학생학회
    이름나이
    dbms
    js
    Py
    javascript
    jsx
    importturtle
    AI역량검사
    취업준비
    티스토리챌린지
    자료형
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
따`ddah
코어자바스크립트 this binding
상단으로

티스토리툴바