on메소드랑 click 메소드랑 헷갈린거 아님?

jquery this도 있는데 es6 this도 있음 es6의 일반 this 출력한거 같은데 clicked라고 저장해놓은거 출력해보셈

js에서 이벤트가 발생하고, 콜백함수에 
예전에 쓰던 형식인 function() {}로 사용하면 this에 이벤트를 건 객체를 this로 바인딩해서 보내주는데 es6문법인 화살표함수를 사용하면 상위 요소의 this(여기서는 Window객체일거임)을 보내줌.

function이랑 화살표함수랑 거의 같지만 이런 차이점이 조금씩 있으니 잘 사용하면 됨

님이 저장해놓은 this는 위에서 말한거처럼 es6의 this 같음. 전체 윈도우가 다잡히는거 같으니

.on이랑 .click 을 헷갈려하시는거같아요. 저도 찾아보면 이런게 나오는데 

https://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click

.on은 쿼리에 매칭하는 모든 엘리먼트에 핸들러를 달아주는거고 .click은 매칭하는 엘리먼트들에게 따로 핸들러를 달아준다고 하네요. 여튼 제 경험으론 .click 쓸땐 this를 아예 쓰지 말고 e.target만 쓰는게 나음.  e는 이벤트잖아요 그니까 클릭당했을땐 당한 존재만 알면 보통 다 핸들되니까. 근데 저 쓰레드에 의하면 .on 을 쓰는게 좀더 메모리 효과적이라 하네요