JS 이벤트 게시 와 구독 의 원리

저 는 백 군 이 nodeJS 를 배 운 사람 입 니 다. 이벤트 Emmit 라 는 가방 에 대해 잘 알 고 있 을 것 입 니 다. 이벤트 게시 와 구독 모드 를 사용 합 니 다. 이벤트 Emmit 는 이벤트 이름 을 사용자 정의 하고 특정한 요소 와 연결 할 수 있 습 니 다. 본 고 는 nodeJS 가방 을 버 리 고 자신의 측면 에서 이 신기 의 내 면 을 분석 하려 고 합 니 다.
원생 JS 는 createEvent 방법 이 있 습 니 다. createElement 와 유사 하지만 전 자 는 사용자 정의 이 벤트 를 만 드 는 데 사 용 됩 니 다. 다음 과 같 습 니 다.

// createEvent      "event/HTMLEvents/UIEvents/MouseEvents"      ;       ,         
var evt = document.createEvent("event");

/*initEvent(eventType, canBubble, cancelable):      
 *
 *eventType: string,     ,  --"click", "clicktest"
 *canBubble: boolean,         ?(   =true)
 *cancelable: boolean,           ?(   =true)
 *
 */
 evt.initEvent("click", true, true); //      

 //             ,           
 evt.nameOfInstance = "instanceName";
 evt.createTime = new Date();

 //     
 window.addEventListener("click", function(e){
     console.log(e.nameOfInstance+"---"+e.createTime);
 });

 // dispatchEvent:    (===      )
 window.dispatchEvent(evt); //    ,            

최종 console 패 널 은 인 스 턴 스 Name - Wed Jun 21 2017 16: 47: 23 GMT + 0800 (중국 표준 시간) 을 표시 합 니 다. window 를 클릭 하면 undefined - undefined 가 표 시 됩 니 다.