たかブログ

webを勉強しています。

thisの意味は状況によって異なる その1.  メソッドでthisを呼んだ時

このthisは 何についてのthis?? 

 参考:https://qiita.com/rifutan/items/a55f132d4dae7e2f1941

 

jsでよく出てくるthisのパターンの4つを紹介

1.メソッド呼び出し

2.関数呼び出し

3.コンストラクタ呼び出しパターン

4.apply callパターン

 

 今回はその1 

1メソッドの中でのthis

 

var object = {
value: 1,
show: function () {
console.log(this.value);
console.log(this);
}
}
object.show();

 

結果

 

10

 


VM133:5 {value: 10, show: ƒ}show: ƒ ()value: 10__proto__: Object <--- var object自身!!

 

 

 

 

つまり 

 

オブジェクトの関数(オブジェクトのメソッド)の中でthisを呼び出した場合

そのthisは、その元をたどっていったオブジェクト自身である