为什么在此JavaScript示例中调用相同方法会有不同的输出？

在下面的例子中，我试图调用Animal类的方法speak()，并eat()在4种不同的方式，和他们返回不同的结果：

这是示例：

class Animal { 
  speak() {
    console.log(this);
    return this;
  }
  static eat() {
    console.log(this);
    return this;
  }
}

//scenario #1
let obj = new Animal();
obj.speak(); // Animal {}

//scenario #2
let speak = obj.speak;
speak(); // undefined

//scenario #3
Animal.eat() // class Animal

//scenario #4
let eat = Animal.eat;
eat(); // undefined

有人可以解释一下在这4种情况下调用相同的方法（speak()和eat()）时为什么会有不同的结果吗？

输出：

方案1： 打印：{}

let obj = new Animal();
obj.speak(); // Prints: {}

方案2： 打印：undefined

let speak = obj.speak;
speak(); // Prints: undefined

场景3： 印刷品：的类定义Animal Class

Animal.eat() // prints: Class definition of Animal Class

方案4： 打印：undefined

let eat = Animal.eat;
eat(); // Prints: undefined