반응형
오늘의 개발일지는 간단하다.
this 콜백함수 이 두개만 조금이라도 이해하면 되는 날이라고 생각이 든다.
this 콜백함수에 관한 기본 개념은 최대한 정리를 해서 따로 블로그 해놨으니 여기서는 주저리주저리를 해볼 생각이다.
일단 아래 코드를 적어 보겠다.
var o11 = {
logThis:function(){
console.log(this)
},
logThisLater1:function(){
setTimeout(this.logThis,500)
},
logThisLater2:function(){
setTimeout(this.logThis.bind(this),500)
}
}
o11.logThisLater1();
o11.logThisLater2();
여기서 대충은 감이 잡힌거 같다.
- logThisLater1에서의 this같은경우는 전역 객체를 가리키게 된다.
- 내부함수는 일반 함수, 메소드, 콜백함수 어디에서 선언되었든 관게없이 this는 전역객체를 바인딩한다.
- logThisLater2의 .bind(this)에서 this가 가르키는건 메소드인 .bind이다.
- 고로 this는 메소드에 바인딩한다.
대충 정리하면 이정도?? 이해 한거같다.(미래의 나는 더 알겟지...)
콜백함수 이거는 아직 모르겠다.
정리는 했지만 내가 외운거는 선언을 하면 주도권이 다른곳으로 변경된다는거.
쓰는거 대표적인거는 setTimeout같은 시간관련 메소드인거 정도?
내일의 나에게 힘내라 하고싶다...........
따라가기 너무 어려웡 ㅠㅠ
반응형
'개발일지' 카테고리의 다른 글
23.02.12 (0) | 2023.02.12 |
---|---|
23.02.05 (0) | 2023.02.05 |
23.01.18 개발일지 (0) | 2023.01.19 |
23.01.17 개발일지 (0) | 2023.01.19 |
23.01.15(2째주 개발후기) (1) | 2023.01.15 |