JS ajax 获取方法外值

Question

$("#province,#city").change(function(){vari=$(this).attr('id');$.ajax({type:'post',url:$("#address-form").attr('action'),dataType:'text',data:{id:$(this).val()},success:function(data){varid='';alert(i);switch(i){case'city':id="#area";break;case'province':id="#city";break;default:alert('\u8bf7\u786e\u8ba4\u8be5\u5bf9\u8c61\u0049\u0044');}$(id).empty();for(variindata.msg){$(id).append(""+data.msg[i].name+"");}}});});为什么alert(i);获取不到值！上面定义的那个是可以弹出值的！

Answer 1

随着问题更新而修改，@mcfog大大的回答亮了。比较符合这个新问题的答案。
变量提升：
HoistingisJavaScript'sdefaultbehaviorofmovingdeclarationstothetop.
因为你在后面的for循环用了var声明了i，所以提升到了当前function的顶部，那就是我之前解答提到的，先在function里面找i，因为变量提升i存在于当前作用域，又刚好没赋值，所以就拿不到值。
拿不到值，不科学啊。
为了验证一下，我也写了个代码测试。是可以获取的。
访问i时，先在所在的function找，找不到再往外面找，再找不到就往外面的外面找，一直找到天涯海角，哦不，是全局，还找不到，我也没办法--||
楼主是不是在这个过程中i内啥被覆盖了？还是真的获取不到。
(function($){
$('#btn').change(function(e){
vari=$(this).attr('id');
$.ajax({
url:"./f",
type:"GET",
cache:false,
data:'test=123',
success:function(data){
alert(i);
try{
vardataObj=eval("("+data+")").root;
}catch(e){
alert("数据出错:"+e);
}
},
error:function(e){
}
});
})
})(jQuery);