Skip to main content
 首页 » 编程设计

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

2026年07月28日10xxx_UU

大家早上好。

我正在将原型(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); 
} 

请您参考如下方法:

至于原型(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 插件的哪一部分,这就是我能为您提供的帮助(我希望这已经足够了)。