JavaScript解释执行并非我所想的简单粗暴

最近同事在写修改一个js的时候在ajax回调函数中取外层变量为undefined，示例代码如下：

function a(){
   var amount=18;
   $.post("/Charges/SelfPayment/KeepConn", function(data){
      alert(amount);  //弹出undefined
      if(true){
          var amount=19;
      }
      alert(amount);//弹出19
   });
}
a();

即使是在ajax回调函数中第一行alert出这个外层变量取得仍然为undefined，我查看代码后发现，除了这个变量其他都正常取到值，于是我仔细排查这个变量本身的问题，依据作用域排除掉全局变量影响的原因，回调函数中有地方定义新变量，名称和要访问的外层变量同名，考虑到js为解释型语言，没太在意在我alert之后定义的变量，后来发现屏蔽掉这个同名变量的声明后则正常。

度娘告诉我，这叫：  变量声明提升(hoisting) ，即将变量的定义提升到解释执行前（函数也属于变量），这里需要注意的是“提升”的仅仅是定义，所以上述示例中第一个alert弹出的是undefined而不是19，因为以前没好好的学这些底层的东西，凭自己的想象觉得解释就是简单粗暴的一行行执行。

另外由于js没有没有块级作用域，所以在if语句中定义的变量在if以外也可以访问