Merge pull request #13358 from MoonE/dispatch-events

Avoid event creation when there are no listeners

src/ol/Object.js

@@ -172,10 +172,14 @@ class BaseObject extends Observable {
   notify(key, oldValue) {
     let eventType;
     eventType = `change:${key}`;
+    if (this.hasListener(eventType)) {
       this.dispatchEvent(new ObjectEvent(eventType, key, oldValue));
+    }
     eventType = ObjectEventType.PROPERTYCHANGE;
+    if (this.hasListener(eventType)) {
       this.dispatchEvent(new ObjectEvent(eventType, key, oldValue));
     }
+  }
 
   /**
    * @param {string} key Key name.

src/ol/events/Target.js

@@ -83,15 +83,17 @@ class Target extends Disposable {
    * @api
    */
   dispatchEvent(event) {
-    /** @type {import("./Event.js").default|Event} */
+    const isString = typeof event === 'string';
-    const evt = typeof event === 'string' ? new Event(event) : event;
+    const type = isString ? event : event.type;
-    const type = evt.type;
+    const listeners = this.listeners_ && this.listeners_[type];
+    if (!listeners) {
+      return;
+    }
+
+    const evt = isString ? new Event(event) : /** @type {Event} */ (event);
     if (!evt.target) {
       evt.target = this.eventTarget_ || this;
     }
-    const listeners = this.listeners_ && this.listeners_[type];
-    let propagate;
-    if (listeners) {
     const dispatching = this.dispatching_ || (this.dispatching_ = {});
     const pendingRemovals =
       this.pendingRemovals_ || (this.pendingRemovals_ = {});
@@ -100,6 +102,7 @@ class Target extends Disposable {
       pendingRemovals[type] = 0;
     }
     ++dispatching[type];
+    let propagate;
     for (let i = 0, ii = listeners.length; i < ii; ++i) {
       if ('handleEvent' in listeners[i]) {
         propagate = /** @type {import("../events.js").ListenerObject} */ (
@@ -115,8 +118,7 @@ class Target extends Disposable {
         break;
       }
     }
-      --dispatching[type];
+    if (--dispatching[type] === 0) {
-      if (dispatching[type] === 0) {
       let pr = pendingRemovals[type];
       delete pendingRemovals[type];
       while (pr--) {
@@ -126,7 +128,6 @@ class Target extends Disposable {
     }
     return propagate;
   }
-  }
 
   /**
    * Clean up.

src/ol/source/Image.js

@@ -240,27 +240,25 @@ class ImageSource extends Source {
    */
   handleImageChange(event) {
     const image = /** @type {import("../Image.js").default} */ (event.target);
+    let type;
     switch (image.getState()) {
       case ImageState.LOADING:
         this.loading = true;
-        this.dispatchEvent(
+        type = ImageSourceEventType.IMAGELOADSTART;
-          new ImageSourceEvent(ImageSourceEventType.IMAGELOADSTART, image)
-        );
         break;
       case ImageState.LOADED:
         this.loading = false;
-        this.dispatchEvent(
+        type = ImageSourceEventType.IMAGELOADEND;
-          new ImageSourceEvent(ImageSourceEventType.IMAGELOADEND, image)
-        );
         break;
       case ImageState.ERROR:
         this.loading = false;
-        this.dispatchEvent(
+        type = ImageSourceEventType.IMAGELOADERROR;
-          new ImageSourceEvent(ImageSourceEventType.IMAGELOADERROR, image)
-        );
         break;
       default:
-      // pass
+        return;
+    }
+    if (this.hasListener(type)) {
+      this.dispatchEvent(new ImageSourceEvent(type, image));
     }
   }
 }

src/ol/source/Vector.js

@@ -457,12 +457,14 @@ class VectorSource extends Source {
       this.featuresRtree_.load(extents, geometryFeatures);
     }
 
+    if (this.hasListener(VectorEventType.ADDFEATURE)) {
       for (let i = 0, length = newFeatures.length; i < length; i++) {
         this.dispatchEvent(
           new VectorSourceEvent(VectorEventType.ADDFEATURE, newFeatures[i])
         );
       }
     }
+  }
 
   /**
    * @param {!Collection<import("../Feature.js").default<Geometry>>} collection Collection.