EventDispatcher.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. function EventDispatcher () {}
  2. Object.assign(EventDispatcher.prototype, {
  3. /**
  4. * 添加监听器
  5. * @param type{string} 监听器类型
  6. * @param listener{function} 方法
  7. * @param mutexStatus{boolean} 互斥开关
  8. */
  9. addEventListener: function (type, listener, mutexStatus = false) {
  10. if (this._listeners === undefined) this._listeners = {};
  11. this._mutex = this._mutex || {};
  12. const mutex = this._mutex;
  13. var listeners = this._listeners;
  14. if (listeners[type] === undefined) {
  15. listeners[type] = [];
  16. }
  17. if (listeners[type].indexOf(listener) === -1) {
  18. // 如果启用功能互斥
  19. if (mutexStatus) {
  20. mutex[type] = listener;
  21. }
  22. listeners[type].push(listener);
  23. }
  24. },
  25. hasEventListener: function (type, listener) {
  26. if (this._listeners === undefined) return false;
  27. var listeners = this._listeners;
  28. return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1
  29. },
  30. removeEventListener: function (type, listener) {
  31. if (this._listeners === undefined) return;
  32. var listeners = this._listeners;
  33. var listenerArray = listeners[type];
  34. // 移除指定的功能互斥
  35. if (this._mutex[type] === listener) {
  36. this._mutex[type] = null;
  37. }
  38. if (listenerArray !== undefined) {
  39. var index = listenerArray.indexOf(listener);
  40. if (index !== -1) {
  41. listenerArray.splice(index, 1);
  42. }
  43. }
  44. },
  45. /**
  46. * 派发事件
  47. * @param event{{type: string, message?: *}}
  48. */
  49. dispatchEvent: function (event) {
  50. if (this._listeners === undefined) return;
  51. var listeners = this._listeners;
  52. var listenerArray = listeners[event.type];
  53. if (listenerArray !== undefined) {
  54. event.target = this;
  55. // Make a copy, in case listeners are removed while iterating.
  56. var array = listenerArray.slice(0);
  57. if (this._mutex[event.type]){
  58. const find = array.find(item => item === this._mutex[event.type]);
  59. find.call(this, event);
  60. // console.log(' 事件互斥已启动')
  61. return
  62. }
  63. for (var i = 0, l = array.length; i < l; i++) {
  64. array[i].call(this, event);
  65. }
  66. }
  67. },
  68. removeAllListener () {
  69. this._mutex = {};
  70. for (const key in this._listeners) {
  71. this._listeners[key] = [];
  72. }
  73. }
  74. });
  75. export { EventDispatcher };