重构初步完成

Author: KyLeoHC

demo/index.html

@@ -36,6 +36,7 @@ <h1>Hello, this is an image viewer.</h1>
         container: 'body',
         enableScale: true,
         startIndex: 0,
+        loop: false,
         headerRender: function () {
             setTimeout(function () {
                 document.getElementById('close').addEventListener('click', function () {
@@ -56,15 +57,15 @@ <h1>Hello, this is an image viewer.</h1>
         swipeLastLeft: function (imageViewer, distance) {
             console.log('swipeLastLeft', distance);
             if (distance > 50) {
-                imageViewer.setImageOption(['images/4.jpg']);
-                return true;
+                //imageViewer.setImageOption(['images/4.jpg']);
+                //return true;
             }
         },
         swipeFirstRight: function (imageViewer, distance) {
             console.log('swipeFirstRight', distance);
             if (distance > 30) {
-                imageViewer.setImageOption(['images/5.jpg', 'images/6.jpg', 'images/7.jpg']);
-                return true;
+                //imageViewer.setImageOption(['images/5.jpg', 'images/6.jpg', 'images/7.jpg']);
+                //return true;
             }
         }
     });

src/common/event.js

@@ -0,0 +1,65 @@
+class Event {
+    /**
+     * 构造器
+     * @param _enableMultiple 标记该事件实例是否允许同一事件挂载多个处理函数
+     */
+    constructor(_enableMultiple = true) {
+        this._enableMultiple = _enableMultiple;
+        this._handlers = {};
+    }
+
+    /**
+     * 绑定事件处理函数
+     * @param name 事件名字
+     * @param handler 对应的事件处理函数
+     * @param enableMultiple 标记该事件是否允许挂载多个处理函数
+     */
+    on(name, handler, enableMultiple) {
+        enableMultiple = enableMultiple === undefined ? this._enableMultiple : enableMultiple;
+        if (enableMultiple) {
+            if (!this._handlers[name]) {
+                this._handlers[name] = [];
+            }
+            this._handlers[name].push(handler);
+        } else {
+            this._handlers[name] = [handler];
+        }
+    }
+
+    /**
+     * 销毁对应的处理函数
+     * @param name 事件名
+     */
+    off(name) {
+        delete this._handlers[name];
+    }
+
+    /**
+     * 触发事件
+     * @param name 事件名
+     * @param args 参数数组，传递给各个事件处理函数
+     */
+    emit(name, ...args) {
+        let handlers = this._handlers[name] || [], event = {stop: false}, length = handlers.length;
+        //传递给事件处理函数的第一个参数为事件对象
+        //该对象拥有一些可能会有用的属性和函数（比如可以终止处理函数链的执行exit）
+        args = args.concat([{
+            name: name,//事件名
+            length: length,//事件处理函数的数量
+            /**
+             * 阻止继续执行函数处理链并退出
+             */
+            exit() {
+                event.stop = true;
+            }
+        }]);
+        if (length) {
+            //仅当存在处理函数时才执行
+            handlers.forEach((handler) => {
+                !event.stop && handler.apply(this, args);
+            });
+        }
+    }
+}
+
+export default Event;

src/common/lock.js

@@ -3,7 +3,7 @@ class Lock {
         this._locks = {};
     }
 
-    addLock(name) {
+    createLock(name) {
         this._locks[name] = false;
     }