这是我的代码无法正常工作:
$(document).ready(function() {
for (var i = 0; i < 3; i++) {
var bt = new HrButton("btn" + i);
bt.setOnclick(function() {
alert(bt.name + " clicks = " + bt.cntClick);
bt.cntClick = bt.cntClick + 1;
});
$("#container").append(bt.toHtml());
}
});
如何在函数内维护 bt
的三个实例。现在,bt
在每次 onclick 中引用 btn2
。
最佳答案
如果setOnclick
实现得很好,你应该能够做到:
bt.setOnclick(function() {
alert(this.name + " clicks = " + this.cntClick);
this.onclick = this.cntClick + 1;
});
否则,您需要为每个回调函数创建一个新作用域,以便它们各自拥有自己的 bt
。一种方法是:
bt.setOnclick(function(bt){
return function(){
alert(bt.name + " clicks = " + bt.cntClick);
bt.onclick = bt.cntClick + 1;
};
}(bt));
评论回复
要实现 setOnClick 以便 this
引用回调中的相关 HrButton
(而不是 element
),您可以使用以下代码代码(仅适用于现代浏览器,unless you SHIM bind):
var self = this;
self.setOnClick = function(fnOnClick) {
element.onclick = fnOnClick.bind(self);
};
由于您使用的是 jQuery,因此以下代码将是跨浏览器的等效代码:
var self = this;
self.setOnClick = function(fnOnClick) {
element.onclick = $.proxy(fnOnClick, self);
};
否则,这将适用于所有浏览器,无需任何库,并且只是可读性稍差:
var self = this;
self.setOnClick = function(fnOnClick) {
element.onclick = function(event) {
return fnOnClick.call(self, event);
};
};
关于javascript - javascript中Java的final相当于什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17660217/