有人可以使用.bind()函数向我解释这段代码吗？

Question

我从jQuery源代码中遇到了这个片段(事件处理):

var events = ['click', 'focus', 'blur', …];
jQuery.each(event,function(i,name){
    jQuery.prototype[name] = function(fn){
        return this.bind(name,fn);
    };
});

谁可以给我解释一下这个？this.bind(name,fn);工作怎么样element.addEventListener('event','callback()')？

我知道javascript的基础知识,但我不知道JavaScript的更高级部分.自从我自学了以后,我的JavaScript知识就有很多漏洞.如果有人知道一个好的来源,我可以从中学到更高级的JavaScript,我也希望听到.

谢谢.

Answer 1

这很简单，我们可以[click, focus ...]轻松地将所有事件放在一个数组中，我们可以在该数组上应用 foreach，然后代码的下一部分将一个函数分配给 jQuery 原型，该函数$.fn.click()将成为$('#me').click()，最后这个click();函数调用稍后$.fn.bind();将调用的函数addEventListener()，就是这样。

如果您仍然想知道在哪里可以阅读addEventListener()jQuery 。 bind()