Youngble_개발스토리

  • 홈
  • GitHub
  • 태그
  • 방명록

window 1

[Javascript] 화살표함수(arrow function)의 this

ES6에 도입된 화살표함수(arrow function)는 실행 컨텍스트를 생성할때 this바인딩 과정 자체가 빠지게된다고 한다. 따라서 상위 스코프의 this를 그대로 활용할수있다. var obj = { outer: function(){ console.log(this); var innerFunc = () =>{ console.log(this); } innerFunc(); } }; obj.outer(); 결과 {outer: ƒ} {outer: ƒ} 이렇게 InnerFunc()를 함수로서 호출하였을때도 화살표함수로 innerFunc가 실행컨텍스트가 실행되므로 this바인딩 과정이 없다. 따라서 상위 스코프 this인 outer를 활용하는 것이다. 한가지 따로 테스트 한건 만약 outer프로퍼티도 화살표함수로..

언어/자바스크립트 2022.06.18
1
더보기
  • 분류 전체보기 (235)
    • TIL (53)
    • 언어 (37)
      • 자바스크립트 (24)
      • 타입스크립트 (8)
      • 자바 (5)
    • 라이브러리&프레임워크 (26)
      • React (15)
      • Next.js (8)
      • Vue.js (0)
      • express.js (0)
      • Spring (3)
      • Spring Boot (0)
      • JPA (0)
    • 공부 (58)
      • 알고리즘&자료구조 (35)
      • CSS (3)
      • HTML (1)
      • Node.js (0)
      • 기타 (5)
      • 네트워크 (1)
      • CS (12)
      • DB (1)
    • 항해 (54)
      • 항해99 (54)
    • 짧은 생각 (0)
    • 기타 (3)
      • 독서 (2)
    • 자산가 (1)
      • 부동산 (1)

Tag

콜백함수, typescript, 취준, 항해99, 웹개발, 메서드, 리액트, Arrow function, 타입스크립트, 화살표함수, 백엔드, 실행컨텍스트, jsx, js, 스파르타코딩, 코어자바스크립트, 자바스크립트, ES6, 프론트엔드, this,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 백엔드 공부 책 목록
  • 앞으로 공부 계획
  • 항해99 졸업
  • 현재 항해99 4기
  • 깃허브

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (235)
    • TIL (53)
    • 언어 (37)
      • 자바스크립트 (24)
      • 타입스크립트 (8)
      • 자바 (5)
    • 라이브러리&프레임워크 (26)
      • React (15)
      • Next.js (8)
      • Vue.js (0)
      • express.js (0)
      • Spring (3)
      • Spring Boot (0)
      • JPA (0)
    • 공부 (58)
      • 알고리즘&자료구조 (35)
      • CSS (3)
      • HTML (1)
      • Node.js (0)
      • 기타 (5)
      • 네트워크 (1)
      • CS (12)
      • DB (1)
    • 항해 (54)
      • 항해99 (54)
    • 짧은 생각 (0)
    • 기타 (3)
      • 독서 (2)
    • 자산가 (1)
      • 부동산 (1)

Tag

콜백함수, typescript, 취준, 항해99, 웹개발, 메서드, 리액트, Arrow function, 타입스크립트, 화살표함수, 백엔드, 실행컨텍스트, jsx, js, 스파르타코딩, 코어자바스크립트, 자바스크립트, ES6, 프론트엔드, this,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 백엔드 공부 책 목록
  • 앞으로 공부 계획
  • 항해99 졸업
  • 현재 항해99 4기
  • 깃허브

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바