자바스크립트 - 화살표 함수 #2 (this 편) | 일반 함수와 화살표 함수의 THIS

Поделиться
HTML-код
  • Опубликовано: 12 янв 2025

Комментарии • 33

  • @namecastle657
    @namecastle657 Год назад

    선생님 점심 나가서 먹어버릴거 같아요...

  • @youchanbaba
    @youchanbaba Год назад

    친절하고 상세한 설명입니다!! 조금 빠르긴한데 영상이니 천천히 멈추고 반복해서 보면 되니 전혀 상관없습니다!! 조금 아쉬운건 이런 내용을 실제 어떤 상황에서 사용되는지 연결까지 해주는 설명이 있으면 더 좋을거같아요!! 감사합니다

    • @starcoding
      @starcoding  Год назад +1

      감사합니다!! 예제를 만들때 더 고민을 많이해봐야겠네요 ㅎㅎ

  • @Lochen203
    @Lochen203 Год назад

    혼돈의 this에 대한 최고의 강좌입니다.

  • @소중한-u5o
    @소중한-u5o Год назад

    너어엉어어어어어무 유익하군요!!!! 아주 좋아요 아주 좋아요 무이비엔!!

  • @bongjames2222
    @bongjames2222 2 года назад

    와~~자바스크립트 this 관련 최고의 강좌입니다.
    한번보고 헷갈려서 두세번 볼게요
    감사합니다~

    • @starcoding
      @starcoding  2 года назад

      두번 세번 감사합니다😍 도움이 되었으면 좋겠네요!

  • @JaeJoo92
    @JaeJoo92 2 года назад +2

    너무 유익합니다.. 정말 감사해요 몇년째 개발하면서도 모르는 부분이 툭툭 튀어 나옵니다
    구독 박고 잘 보겠습니다 😍

    • @starcoding
      @starcoding  2 года назад

      도움이 되었다니, 너무 기쁘네요!! 😆 구독도 감사해요!!

  • @weareloved
    @weareloved 8 месяцев назад

    우와! 감사합니다 ~ 너무 애매모호하게 알고 있던 개념들이 이해가 좌르륵 되네요~ ! 복받으세요 샘!!

  • @이건개발-p8n
    @이건개발-p8n 5 месяцев назад

    와 잘못짜면 난리나겠군

  • @massenger7
    @massenger7 Год назад +1

    7:50 이 부분에서 왜 mainArrow를 감싸는 상위 스코프가 object가 아니라 window가 되는건지 이해가 잘 안되네요. object 안에서 메소드로 선언된거면 object가 스코프가 되는것 아닌가요? 아직 스코프에 대한 개념이 헷갈리네요😅

    • @냠냠-i2c9r
      @냠냠-i2c9r Год назад +3

      object에서 호출한 함수의 this는 object를 가르키지만 object 스코프의 this는 window를 가르켜서 그런 것 같아요. const object = {a: this}; console.log(object.a); // window

    • @starcoding
      @starcoding  Год назад

      냠냠님이 잘 설명해주셨네요! 😆

    • @massenger7
      @massenger7 Год назад

      오 감사합니다!

    • @리진-s3m
      @리진-s3m Год назад

      object = { } 는 화살표 함수의 스코프.
      화살표 함수는 상위 스코프에서 this를 찾음.
      전역 스코프 = {
      -> 화살표 함수(mainArrow) 스코프의 상위 스코프
      object = {
      화살표함수(mainArrow)의 스코프
      }
      }

  • @윤이-x9k
    @윤이-x9k 2 года назад

    최고에요 정말 잘 이해되네요👍

  • @ringo8530
    @ringo8530 2 года назад +7

    덕분에 this 완벽하게 이해했습니다. 혹시 나중에 async, await, Promise 다루실 생각 있으신가요?

    • @starcoding
      @starcoding  2 года назад +7

      영상 봐주셔서 감사합니다! 네, async, await, Promise 모두 제 투두리스트에 넣어놨어요 😄

  • @임병욱-k7c
    @임병욱-k7c Год назад

    별코딩님 프로토타입 강의도 찍어주세요!!

  • @humor_signal
    @humor_signal 2 года назад

    화살표 함수의 this는 상위 스코프의 값을 가져오는 거라고 이해하면 될까요?

    • @starcoding
      @starcoding  2 года назад +1

      네! 그렇게만 이해하시면 충분합니다 :)

  • @phm6530
    @phm6530 8 месяцев назад

    this 1타 강사 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ
    this를 잘안써서 이해해야지 이해해야지 하다가 진짜 처음으로 이해됐습니다.

  • @김희성-w5x
    @김희성-w5x Год назад

    화살표함수가 bind되지 못하는것은 해당 위치에 this값으로 bind됐기 때문인가요? bindbind가 되지않는것과 동일하게요!

  • @goofylee1758
    @goofylee1758 2 года назад +3

    요약
    화살표 함수는 선언 시점에 바인딩
    함수 선언문은 실행 시점에 바인딩

  • @bongjames2222
    @bongjames2222 2 года назад

    별코딩님 혹시 새로나온 es6 문법중에 변수앞에 ... 를 붙이는것이 이해되지 않는데 해당강좌를 해주실수있으실까요? ㅜㅜ
    react 독학 공부중에 가지고 오는 값들 앞에 왜 ... 을 붙이는지 모르겠습니다. 기존 객체를 써도되지 않을까? 싶은데요

    • @starcoding
      @starcoding  2 года назад

      좋습니다! 자주 사용하는 ES6문법도 다뤄보면 좋겠네요. 객체를 가져올때, 객체 그 자세가 아닌, spread operator (...)로 분리해서 새로운 객체에다가 넣은 이유중 하나는 "객체의 불변성"을 유지하기 위함입니다! 객체의 불변성을 최대한 지켜주면, 악몽같은 디버깅시간을 정말 많이 줄여주거든요, 자바스크립트의 불변성에 대해 찾아보시면 도움이 많이 될 것 같아요!

  • @roof102
    @roof102 2 года назад

    왔어!̄̈!̄̈ ⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬

    • @starcoding
      @starcoding  2 года назад

      왔습니다~~ 기다려 주셔서 감사해요! 😆

  • @김민찬-b4s
    @김민찬-b4s 2 года назад +1

    This를 처음 배울때 이해를 하려다가 실패한 경험이 있어서, 막연한 두려움을 가지고 있었는데, 별코딩님 강의를 따라오다보니 이제 this가 두렵지가 않습니다.
    감사합니다.👍

    • @starcoding
      @starcoding  2 года назад +1

      처음 만난 this보다 두려운것 없는것 같아요! ㅋㅋㅋ 이제 더이상 this가 두렵지 않으시다니 정말 기쁩니다! 늘 영상 봐주셔서 감사해요~