js问题

Question

Ext.onReady(function() {
var btnArray = new Array();
for (var i = 1; i < 4; i++) {
var btn = new Ext.Button({
text : i,
handler : function() {
alert(i);//这边提示都为4,要怎么弄才能正确提示i
}
});
btnArray.push(btn);
}
var fp = new Ext.form.FormPanel({
renderTo : Ext.getBody(),
buttons : btnArray
});

});

用alert(this.text)倒是可以。
谁可以告诉我下alert(i)提示都为4原因？
[b]问题补充：[/b]
Ext.onReady(function() {
var btnArray = new Array();
for (var i = 1; i < 4; i++) {
var btn = new Ext.Button({
text : i,
handler : function() {
alert(i);//这边提示都为4,要怎么弄才能正确提示i
}
});
btnArray.push(btn);
}
var fp = new Ext.form.FormPanel({
renderTo : Ext.getBody(),
buttons : btnArray
});

});

用alert(this.text)倒是可以。
谁可以告诉我下alert(i)提示都为4原因？

Answer 1

用闭包

Ext.onReady(function() {
var btnArray = new Array();
for (var i = 1; i < 4; i++) {
var btn = new Ext.Button({
text : i,
handler :function(num){ return function() { alert(num);}}(i)
});
btnArray.push(btn);
}
var fp = new Ext.form.FormPanel({
renderTo : Ext.getBody(),
buttons : btnArray
});

});