【忘備録】JavaScript thisについて

thisの挙動

関数で呼び出された際のthis

const person = {
    name: 'Tom',
    hello: function() {
        console.log('Hello'+this.name);
    }
}

person.hello(); //

この場合は、単純にthis.nameのthisはTomを参照する。
（thisの前に、name: 'Tom'を定義している為）

メソッドを他の変数にコピーした場合

window.name = 'John';

const person = {
    name: 'Tom',
    hello: function() {
        console.log('Hello'+this.name);
    }
}

const ref = person.hello;

ref(); //HelloJohn