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

Yeon

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

Yeon

검색하기 폼
  • 분류 전체보기 (10)
    • with JavaScript (2)
    • JavaScript Basics (3)
    • til (2)
    • Side Project (2)
    • Design Pattern (1)
  • 방명록

this (1)
JavaScript this

이 글은 JavaScript 에서 this에 관해 정리한 글입니다. JavaScript 에서 this는 특이하게도 this가 가리키는 것이, 함수를 정의할 때 정해지는 것이 아니라 어떻게 호출하느냐에 따라서 달라집니다. 그 이유는 함수를 호출 시 실행 콘텍스트(Execution Context)라 는 것이 만들어지는데 이 것은 함수의 콜 스택(Call Stack), 호출 방법, 매개변수 등에 대한 정보를 담고 있습니다. this는 이 실행 콘텍스트의 정보중 하나이기 때문에 함수를 어떻게 호출하는지에 따라서 this가 가리키는 것이 달라집니다. 1. new로 호출 -> this는 생성된 객체를 가리킵니다. function foo (name) { this.name = name; } const bar = new..

JavaScript Basics 2019. 10. 13. 00:53
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • comma-dangle
  • trailing-comma
  • JS
  • 코딩 컨벤션
  • 오픈소스 기여하기
  • 데이터 타입
  • YODA
  • js13kgames
  • hacktoberfest
  • Regex
  • ESLint
  • 자료형
  • js13k2019
  • no-magic-numbers
  • js13k
  • 스타일가이드
  • falsy
  • hacktoberfest2019
  • no-octal
  • dynamically loading
  • 동적로딩
  • html5game
  • typeof
  • ecma2018
  • truthy
  • no-prototype-builtins
  • httml5
  • no-return-await
  • es9
  • JavaScript
more
«   2025/05   »
일 월 화 수 목 금 토
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 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바