遇到JavaScript范围问题

Question

这是我的json文件：

{
  "info": {
  "title": "LRR Test map",
  "width": 50,
  "height": 50
 }
}

这是我的JavaScript代码：

var mapInfo = $.getJSON('levels/test.json').done(function(data){mapInfo = data.info;});
alert(mapInfo.title);

问题是，我收到了标有undefined的提醒。好吧，当我打开我的开发者控制台（我在Chrome上）并输入mapInfo时，我得到了这个输出：

Object {title: "LRR Test map", width: 50, height: 50}

当我输入alert(mapInfo.title);时，它会提醒我Lrr Test map。

为什么我可以通过开发者控制台访问我的变量，但我不能在我的代码中调用它？这对我来说并不常见，并且在我的大型项目中第一次出现。