javascript - 理解 jquery .on() 方法的第三个参数和 var self = this

Question

我在 jquery 脚本后面的某个地方看到，我想了解这个脚本。
我对以下代码感到困惑，首先为什么要创建 var self 为什么不在此处使用关键字 this $( '.some-class' ).on( 'click ', 'a#some-link', self, this.bar.create );

第二，当这段代码也能正常工作时，为什么要使用第三个参数 self:

$( '.some-class' ).on( 'click', 'a#some-link', this.bar.create );

查看示例代码:

    ;(function($) {
            'use strict';

            var Foo = {

                initialize: function() {
                    var self = this;

                    $( '.some-class' ).on( 'click', 'a#some-link', self, this.bar.create );
                },
                bar: {
                       create: function(e) {

                      }
               }
            };

            $(function() {
                    Foo.initialize();
            });

     })(jQuery);

Answer 1

所以 on 参数是:

.on( events, selector, data, handler )

所以在 event.data 中，对象的引用就在那里。

当您离开 self 时，这意味着 event.data 将没有该对象。因此，如果代码出于某种原因需要该引用，它就不会存在。

$(document.body).on("click", "div", {pickle: "yes"}, function (event) {
  console.log(event.data); //{pickle: "yes"}
});