본문 바로가기 메뉴 바로가기

web study

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

web study

검색하기 폼
  • 분류 전체보기 (201)
    • HTML (6)
    • CSS (6)
    • Programming (2)
    • JavaScript (61)
    • Data Structure & Algorithm (58)
    • Git (3)
    • React (22)
    • Vue (1)
    • Node.js, npm (1)
    • Network (1)
    • Java (5)
    • AWS (17)
    • Utility (4)
    • 협업 (1)
    • CUK 강의 정리 (2)
      • [이론] 컴퓨터학개론 (0)
      • [이론] 컴퓨터 네트워크 (0)
      • [이론] 클라우드 컴퓨팅 (2)
    • ETC. (10)
    • 기록 (0)
  • 방명록

this (1)
[JavaScript] this 한 번에 정리

this는 생성자 혹은 메서드에서 객체를 가리킬 때 사용하는 키워드다. 각 상황에 따라 this가 어떤 객체를 참조하는지 정리해보자. 목차 기본 this 객체에서 this 함수에서 this 객체 생성자 함수에서 this Event handler에서 this bind(), call(), apply() 1. 기본 this this는 기본적으로 window 객체를 참조한다. console.log(this) // window 2. 객체에서 this this는 myColor 객체를 참조한다. const myColor = { color: "blue", checkColor: function() { console.log(this.color); } }; myColor.checkColor(); // blue 3. 함수에서..

JavaScript 2022. 3. 8. 01:15
이전 1 다음
이전 다음
반응형
TAG
  • 화살표함수
  • 자바스크립트
  • TypeScript
  • 리액트
  • 알고리즘
  • 투 포인터
  • Scss
  • state
  • Cloud Computing
  • 반응형
  • 아나그램
  • HTML
  • postman
  • 정렬
  • 투포인터
  • react
  • useReducer
  • let
  • 파이썬
  • 객체
  • if문
  • 반복문
  • 이분 검색
  • for문
  • 배열
  • SWAGGER
  • Redux
  • 상태 관리
  • CSS
  • AWS
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

Blog is powered by Tistory / Designed by Tistory

티스토리툴바