在声明之前调用Var和Let会返回不同的错误

Question

所以我在玩js函数，发现了一个奇怪的错误。我有一个像这样的功能：

animal() {
    console.log(name);
    var name = "Dog";
}
this.animal();

animal() {
    console.log(name);
    let name = "Cat";
}
this.animal();

我希望它都返回引用错误，因为在记录日志时未声明它。但是当我用var声明时，它给了我未定义的内容，而让let的第二个函数给了我参考错误。 为何给出一个未定义而另一个给出参考错误的原因是什么？