ijooha 님의 블로그

  • 홈
  • 태그
  • 방명록

this 2

[javaScript/공부] this

this 알아보기         전역환경 this • Borwser(크롬)에서의 this는 window• Node에서의 this는 global         Method에서의 this • method는 항상 누군가 호출해 줘야 하기 때문에• this는 호출의 주체예를들어let obj = { methodA : function() { console.log(this); }, inner : { methodB : function() { console.log(this); } }};이런 객체가 있다고 했을 때, thisobj.methodA();obj 를 참조obj.inner.methodB()obj.inner 참조 화살표 함수의 경우, 상..

WEB/javaScript 2025.01.08

[javaScript/공부] 화살표 함수, this, 호이스팅을 알아보자

화살표 함수와  this, 그리고 호이스팅 알아보기         화살표 함수? function () {}() => {}위가 전통적 함수 표기법, 아래가 화살표 함수다.화살표 함수가 훨씬 간결해서 저것만 쓰면 안되나? 싶어서 찾아보니,동작 방식에서 차이가 있었다.  01 this 바인딩의 차이this 란, 함수나 메서드 내에서 객체를 참조하는 키워드다. (다음 목차에서 더 설명)function에서는 this가 동적으로 결정된다. 즉 아래와 같이 사용이 가능하다.const obj = { value: 10, example: function () { console.log(this.value); //this는 obj를 가리킴 -> 출력: 10 },};하지만 화살표 함수에서는 상위 컨텍스트의 this를 상..

WEB/javaScript 2025.01.02
이전
1
다음
더보기
프로필사진

ijooha 님의 블로그

ijooha 님의 블로그 입니다.

  • 전체보기 (109)
    • Projects (2)
      • zenui (2)
    • WEB (41)
      • web (3)
      • html (3)
      • css (2)
      • javaScript (16)
      • react (17)
    • 코딩 테스트 (60)
      • test_javaScript (60)
    • 기타 (3)
    • 개발 시작 (1)

Tag

judiemovie, riot-app, tanstack, 공부, this, 코딩테스트, 변수, web, 상태관리, 트러블슈팅, CSS, zenui, JavaScript, props-drilling, 코드잘쓰기, react, 연산자, HTML, 실습, headless ui,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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 © AXZ Corp. All rights reserved.

  • GitHub

티스토리툴바