Event in Backbone

 1 var slice = Array.prototype.slice;
 2     _ = (function () {
 3         var _ = function () { };
 4         _.extend = function (target) {
 5             var sources = slice.call(arguments, 1);
 6             sources.forEach(function (source) {
 7                 if (source) {
 8                     for (var prop in source) {
 9                         target[prop] = source[prop];
10                     }
11                 }
12             });
13             return target;
14         }
15 
16         var idCounter = 0;
17         _.uniqueId = function (prefix) {
18             var id = ++idCounter + ‘‘;
19             return prefix ? prefix + id : id;
20         };
21         return _;
22 })();

 1 jass=(function(){
 2 var bone={};
 3 bone.Events={
 4    on: function (event, callback, context) {
 5    },
 6    off: function (event, callback, context) {
 7    },
 8   listenTo: function (otherObj, event, callback) {
 9   },
10   stopListening: function (otherObj, event, callback) {
11   },
12   trigger: function (event) {
13   }
14 
15 }
16      return bone;
17 })();

 1       on: function (event, callback, context) {
 2           this._events || (this._events = {});
 3           var events = this._events[event] || (this._events[event] = []);
 4           events.push({ callback: callback, context: context, ctx: context || this });
 5           return this;
 6       },
 7       off: function (event, callback, context) {
 8           if (!event && !callback) {
 9               this._events = {};
10               return this;
11           }
12           delete this._events[event];
13       }

 1       listenTo: function (otherObj, event, callback) {
 2             var listeners = this._listeners || (this._listeners = {});
 3             var id = otherObj._listenerId || (otherObj._listenerId = _.uniqueId(‘1‘));
 4             listeners[id] = otherObj;
 5             var onlyListener = !event && !callback;
 6             if (onlyListener) return this;
 7 
 8             if (typeof event === ‘object‘) callback = this;
 9 
10             otherObj.on(event, callback, this);
11 
12             return this;
13       },
14       stopListening: function (otherObj, event, callback) {
15             var listeners = this._listeners;
16             if (!listeners) return;
17             var deleteListener = !event && !callback;
18             if (typeof name === ‘object‘) callback = this;
19             if (otherObj) (listeners = {})[otherObj._listenerId] = otherObj;
20             for (var id in listeners) {
21                 listeners[id].off(event, callback, this);
22                 if (deleteListener) delete this._listeners[id];
23             }
24             return this;
25       }

 1     trigger: function (event) {
 2             if (!this._events) return this;
 3             var args = slice.call(arguments, 1);
 4             var events = this._events[event];
 5 
 6             if (events) {
 7                 events.forEach(function (ev) { 
 8                     ev.callback.apply(ev.ctx, args);
 9                 });
10             }
11            //处理all事件
12             var allEvents = this._events.all;
13             if (allEvents) {
14                 allEvents.forEach(function (ev) {
15                     ev.callback.apply(ev.ctx,args);
16                 });
17             }
18         }

 1 MyView = Backbone.View.extend({
 2   initialize: function(){
 3     this.listenTo (this.model,’change’, this);
 4   },
 5   render: function(){ ... }
 6 });
 7 
 8 Backbone的view类有个remove方法:

 9 remove: function() {
10       this.$el.remove();
11       this.stopListening();
12       return this;
13 }