extjs中mon（）和on（）之间的区别是什么？

Question

有谁能解释一下ExtJS中mon()和on()之间的区别？

Answer 1

Well, if you want to avoid memory leaks then you use mon instead of on to bind events. For example:

var p = new Ext.Panel({
     renderTo:Ext.getBody()
    ,title:'Panel with a listener on the body'
    ,beforeDestroy:function() {
        this.body.un('click', handler);
    }
});

If you add listeners as inline function, like:

p.on('click', function() {alert('You clicked my body')});

then it not possible to remove this listener selectively . But, if you use mon for it, then the listener is automatically removed by ExtJs on panel destroy.

Answer 2

mon - Adds listeners to any Observable object (or Ext.Element) which are automatically removed when this Component is destroyed.

on - Appends an event handler to an observable object

See:

http://docs.sencha.com/ext-js/4-2/#!/api/Ext-method-on

http://docs.sencha.com/ext-js/4-2/#!/api/Ext.util.Observable-method-mon