javascript – 如何从事件处理程序引用对象实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从事件处理程序引用对象实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含982字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 如何从事件处理程序引用对象实例](/upload/InfoBanner/zyjiaocheng/732/7b1872dab1e246b9b05d7ef318e2f1ea.jpg)
在下面的代码中,是否有更好的方法从handleClick()引用对象实例,而不是将其作为全局引入?
var Widget = function() {
this.property = 'value';
this.bindEvents();
}
Widget.prototype = {
bindEvents: function() {
$('button').on('click', this.handleClick);
},
handleClick: function() {
var self = window.Widget;
console.log(self.property);
}
}
window.Widget = new Widget();
这个question问同样的事情,并且(未接受的)答案是将回调传递给$.on()并从那里调用处理程序,将实例作为参数传递给:
bindEvents: function() {
var self = this;
$('button').on('click', function() {
self.handleClick.apply(self);
});
}
这种传递实例的技术是否真的是正确的方法,或者除了我展示的两种方式之外还有一种首选方式吗?
解决方法:
你可以使用bind():
bindEvents: function() {
$('button').on('click', function() {
this.handleClick();
}.bind(this));
}
但是当谈到IE时,这只能在IE> = 9中使用.
编辑:在遗留IE中,您可以使用@Kevin B在评论中建议的jQuery的$.proxy():
bindEvents: function() {
$('button').on('click', $.proxy(function() {
this.handleClick();
}, this));
}
内容总结
以上是互联网集市为您收集整理的javascript – 如何从事件处理程序引用对象实例全部内容,希望文章能够帮你解决javascript – 如何从事件处理程序引用对象实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。