230125 개발일지

오늘의 개발일지는 간단하다.

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같은 시간관련 메소드인거 정도?

내일의 나에게 힘내라 하고싶다...........

따라가기 너무 어려웡 ㅠㅠ