在JavaScript中调用函数后声明函数

Question

在JavaScript中我发现函数可以在调用之后声明，但只有当它被声明为函数而不是变量时才会声明。

这有效：

alerter('this is an alert');

function alerter(text) {
  alert(text);
}

但这不是

alerter('this is an alert');

var alerter = function(text) {
  alert(text);
}

有人可以向我解释为什么这些处理方式不同，并且可能会简要解释JavaScript如何编译。