js事件分发（就是实现类似于vue eventBus的功能）

最新推荐文章于 2024-04-10 12:06:33 发布

天秀我阿阳

最新推荐文章于 2024-04-10 12:06:33 发布

阅读量433

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/qq_41231694/article/details/126514334

版权

function EventDispatcher() {}
 
	Object.assign( EventDispatcher.prototype, {
 
		addEventListener: function ( type, listener ) {
 
			if ( this._listeners === undefined ) this._listeners = {};
 
			var listeners = this._listeners;
 
			if ( listeners[ type ] === undefined ) {
 
				listeners[ type ] = [];
			}
 
			if ( listeners[ type ].indexOf( listener ) === - 1 ) {
 
				listeners[ type ].push( listener );
 
			}
 
		},
 
		hasEventListener: function ( type, listener ) {
 
			if ( this._listeners === undefined ) return false;
 
			var listeners = this._listeners;
 
			return listeners[ type ] !== undefined && listeners[ type ].indexOf( listener ) !== - 1;
 
		},
 
		removeEventListener: function ( type, listener ) {
 
			if ( this._listeners === undefined ) return;
 
			var listeners = this._listeners;
			var listenerArray = listeners[ type ];
 
			if ( listenerArray !== undefined ) {
 
				var index = listenerArray.indexOf( listener );
 
				if ( index !== - 1 ) {
 
					listenerArray.splice( index, 1 );
 
				}
 
			}
 
		},
 
		dispatchEvent: function ( event ) {
 
			if ( this._listeners === undefined ) return;
 
			var listeners = this._listeners;
			var listenerArray = listeners[ event.type ];
 
			if ( listenerArray !== undefined ) {
 
				event.target = this;
 
				var array = listenerArray.slice( 0 );
 
				for ( var i = 0, l = array.length; i < l; i ++ ) {
 
					array[ i ].call( this, event );
				}
			}
		}
	} );
 
	var pac=new EventDispatcher();
	var mm=null;
	pac.addEventListener("xuhaitao",function(){
		mm=this;
		console.log(this,"wo  zi ji");
    })
 
	var nn=null;
	pac.addEventListener("xuhaitao",function(){
		nn=this;
		console.log(this,"wo di di");
	})
    pac.dispatchEvent({type:"xuhaitao"})
	console.log(mm===nn);