TIL #210507
📚 TIL
패스트캠퍼스 컴퓨터 공학 DAY 26, 코어 자바스크립트
🛸 패스트캠퍼스 컴퓨터 공학 온라인 완주반 강의 듣기
오늘은 쉘스크립트와 스레드를 공부했어요!
쉘스크립트는 프로그래밍이더라고요
그리고 Pthread 라이브러리에서 함수를 배웠어요~
🛸 코어 자바스크립트 3장 공부하기
3장 this
3-1 상황에 따라 달라지는 this
- this는 함수를 호출할 때 결정
3-1-1 전역 공간에서의 this
- 전역 공간에서 this는 전역 객체를 가리킴
- 자바스크립트의 모든 변수는 특정 객체의 프로퍼티로서 동작
- 전역변수를 선언하면 자바스크립트 엔진은 이를 전역객체의 프로퍼티로 할당
3-1-2 메서드로서 호출할 때 그 메서드 내부에서의 this
- 메서드는 자신을 호출한 대상 객체에 관한 동작을 수행
- this에는 호출한 주체에 대한 정보가 담김
3-1-3 함수로서 호출할 때 그 함수 내부에서의 this
- 함수에서의 this는 전역 객체
- 내부함수에 this를 상속하는 방법 : 변수 활용, 화살표 함수 사용
3-1-4 콜백 함수 호출 시 그 함수 내부에서의 this
- 콜백 함수 : 함수 A의 제어권을 다른 함수(또는 메서드) B에게 넘겨주는 경우의 함수 A
- 제어권을 받은 함수에서 콜백 함수에 별도로 this가 될 지정한 경우에는 그 대상을 참조
3-1-5 생성자 함수 내부에서의 this
- 생성자 함수 : 어떤 공통된 성질을 지니는 객체들을 생성하는 데 사용하는 함수
- 생성자 함수 내부에서의 this는 곧 새로 만들 구체적인 인스턴스 자신
3-2 명시적으로 this를 바인딩하는 방법
3-2-1 call 메서드
- call 메서드 : 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령
- call 메서드의 첫번째 인자를 this로 바인딩하고 이후의 인자들을 호출할 함수의 매개변수로 함
3-2-2 apply 메서드
- apply 메서드 : call 메서드와 기능적으로 완전이 동일하나 두 번째 인자를 배열로 받아 그 배열의 요소들을 호출할 함수의 매개변수로 지정
3-2-3 call / apply 메서드의 활용
- 유사배열객체에 배열 메서드 적용
- 생성자 내부에서 다른 생성자 호출
- 여러 인수를 묶어 하나의 배열로 전달하고 싶을 때 - array 활용
3-2-4 bind 메서드
- bind 메서드 : call과 비슷하지만 넘겨받은 this 및 인수들을 바탕으로 새로운 함수를 반환하기만 하는 메서드
- 함수에 this를 미리 적용하는 것과 부분 적용 함수를 구현하는 두 가지 목적을 지님
- 내부함수나 콜백 함수에 상위 컨텍스트의 this를 전달할 수 있음
3-2-5 화살표 함수의 예외사항
- 화살표 함수는 실행 컨텍스트 생성 시 this를 바인딩하는 과정이 제외되었음
- 이 함수 내부에는 this가 아예 없으며, 접근하고자 하면 스코프체인상 가장 가까운 this에 접근
3-2-6 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)
- 콜백 함수를 인자로 받는 메서드 중 일부는 추가로 this로 지정할 객체(thisArg)를 인자로 지정할 수 있는 경우가 있음
😁 오늘 한 일
📕 공부하기
- 오늘은 인강이랑 책으로 공부했어요!
- 그리고 가족들이랑 시간을 좀 보냈어요 ㅎㅎ
🎬 영화 보기
- 오늘은 죽여주는 여자라는 영화를 봤어요
- 제가 무서운거 스릴넘치는거 좋아하는데요
- 죽이는 영화래서 스릴러인줄알고 봤는데 아니었어요
- 약간 자신을 반성하게되는 영화였습니다..
🍖 맛있는것 먹기
- 오늘은 점심으로 언니랑 해물칼국수먹고 저녁으로 돼지갈비 먹었어요!
- 어버이날이라 식당에 사람이 많더라고요 ㅎㅎ
🏃♀️ 아라뱃길 산책가기
- 오늘 언니랑 아라뱃길에 산책을 갔어요
- 안개가 많이 낀 줄 알았는데 미세먼지가 심했더라고요
- 그래도 코로나때문에 KF94를 착용해서 괜찮았을거예요
- 그리고 집에 와서 아이스크림 먹으면서 티비봤어요