[데브코스] TIL - 9일차

Yunjjeong·2022년 3월 31일
0

오늘 공부한 내용 💻

  • this
  • scope
  • var / let / const
  • closure
  • hoisting

어려웠던 내용 🤢

this

  • this란?
    this자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.

  • this를 전역에서 사용할 경우 window라는 전역 객체를 참조한다.

  • this를 함수 내부에서 사용한 경우 함수는 전역에 선언된 일반 함수객체 안에 메소드로 크게 구분할 수 있다.

var / let / const

  • varfunction scope, let과 constblock scope이다.

  • var과 let은 재할당이 가능하고 const는 불가능하다.

  • var은 실행시 function scope상 맨 위로 선언이 끌어 올려지는 hoisting이 발생한다. 따라서 값이 할당되기 전에 호출이 가능하다.

  • 그럼 let / const호이스팅(hoisting)이 안 안되나?
    아니! 된다! 그렇지만 Temporary Dead Zone때문에 할당 전에 호출하면 오류가 난다.

더 공부할 내용 📃

  • IIFE

  • TDZ

  • this

느낀점 👀

> '주말 ... 언제와 ...?'

오늘은 사전 문제를 먼저 풀고 사전 문제를 풀이하는 식으로 강의가 진행되었다.
30분을 주고 7문제 가량을 푸는 문제였는데 제출 전에 자신있는 문제가 하나도 없었고 몇 문제는 그냥 못풀었다 ㅎㅎ
진짜 면접이나 시험이 아니라 지금 못푼게 어디야! 라고 생각하며 스스로를 위로해보ㅈr ...⭐

클로저는 1주차 강의때 이해를 잘 못해서 복습해야지 하고 잊었던 부분인데 이번 강의에서 예시 코드를 보며 반 ...? 정도는 이해가 됐다 ㅎㅎ '이걸 잘 알면 ~~에 좋고 ~~의 효과가 있다' 라는 걸 배우면 좀 더 이해가 잘 되는것 같다.
호이스팅은 var만 일어난다고 알고 있었는데 let과 const도 일어나지만 할당 전 호출을 막아주는 TDZ가 있다는것도 새로 배웠다.
this는 어떤 위치에 있는지, 어디서 호출하는지가 중요한거 같은데 아직 확실하게는 이해를 못하겠다. 예제 더 찾아봐야지.


참고 사이트 🙄

profile
Studying FrontEnd Development

0개의 댓글

관련 채용 정보