thisがundefindになっている理由

Question

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    const doIt = function () {
      console.log(`Hi, I'm ${this.name}`);
    };
  doIt();
  }
}
const minky = new Person('Momo');
minky.greet(); // TypeError: Cannot read property 'name' of undefined

thisがundefindになっているみたいなんですが、その理由がわかりません。
doIt関数内にあるthisにはコンストラクタで書いたpersonのthisが適用されていないってことはわかるんですがそれはなぜでしょうか？？

出典：りあクト！

Comments

[yambejp]

マークダウンしてください、バックスラッシュがただしく表示されていません

[potetiki]

修正しました

Answer 1

以下の二つの違いによるものだと思います。

関数がオブジェクトのメソッドとして呼び出されるとき、その this にはメソッドが呼び出されたオブジェクトが設定されます。

this - JavaScript | MDN

　

関数内での this の値は、関数の呼び出され方によって異なります。...厳格モードでは、実行コンテキストに入るときに this 値が設定されていないと、以下の例のように undefined のままになります。

this - JavaScript | MDN

Comments

[potetiki]

同じようなことが出典元に書いてあり、理解ができました！！
こちらの回答と合わせてご回答ありがとうございます！

Answer 2

アロー関数にするか、bindしてください

const doIt = ()=>{
  console.log(`Hi, I'm ${this.name}`);
};
もしくは
const doIt = function(){
  console.log(`Hi, I'm ${this.name}`);
}.bind(this);
あとは
doIt.bind(this).call();

Comments

[potetiki]

解決しました！
ありがとうございました！