jquery - jQuery 原型(prototype)代码(bind(this) 与闭包)

Question

大家早上好。

我正在将原型(prototype)代码重写为 JQuery 插件，但不知道如何处理这一部分:

this.observers = events.map(function(name) {
   var handler = this["on" + name.].bind(this);
   this.element.observe(name, handler);
   return { name: name, handler: handler };
}.bind(this));

我最终得到:

this.observers = $.each(events , function(i, name) {
   var handler = "on"+name;
   $element.live({
      name: handler
   });
}

我完全错了？我不太了解原型(prototype) bind() 的目的。

感谢您的帮助!

编辑:它的上下文是一个插件 init() 函数，我在其中附加“动态”事件及其编码为私有(private)方法的处理程序...

plugin.init = function() {

    // the plugin's final properties are the merged default and user-provided options (if any)
    plugin.settings = $.extend({}, defaults, options);

if (!plugin.observers) {
    var events = ("mouseover mouseout").split(" ");

    plugin.observers = $.map(events, $.proxy(function(name) {
        var handler = $.proxy(this['on' + name], this);
        $element.bind(name, handler);
        return { name: name, handler: handler };
    }, this));

}
console.log(plugin.observers);
}

Answer 1

至于原型(prototype)到 jQuery 的翻译(首先阅读我上面关于绑定(bind)/代理的解释)，这应该与上面的代码片段紧密匹配:

this.observers = $.map(events, $.proxy(function(name) {
  var handler = $.proxy(this['on' + name], this);
  this.element.bind(name, handler);
  return { name: name, handler: handler };
}, this));

我从原型(prototype)片段中假设:

• this 是一个原型(prototype)类或一个普通的 JS 对象，它是当前上下文。
• this.element 是对 DOM 元素的引用，在 jQuery 情况下是 jQuery 包装的 DOM 元素。
• onclick、onfocus 和类似的可能回调是 this 上下文中的方法。

如果没有进一步说明您的代码如何工作或您试图重写 Prototype 插件的哪一部分，这就是我能为您提供的帮助(我希望这已经足够了)。