プロトタイプチェーンとメソッドチェーン
- カテゴリ:
- JavaScript
- コメント数:
- Comments: 0
◆ ふと思い立って イメージ画像作りました
図だけではわかるようでわからないと思うのでちょっと説明
それぞれのメソッドはthis を返して同一オブジェクト内でメソッドチェーンできるとします
x から始めると .a() は xオブジェクトに無いので プロトタイプチェーンを辿った先の yオブジェクト の aメソッドが実行されて 次の .b() は xオブジェクトにあるので xオブジェクト の bメソッドが実行されます
yオブジェクトの .a() が返した this でも x が返って来ます
y から始めると x は関係ないので .a() も .b() も yオブジェクトのメソッドを見ます
薄い色の矢印は .a() の内部で this.b() を実行した場合に実行されるものです
x から呼ばれた .a() の内部での this は x なので this.b() を呼んだ時に xオブジェクトの bメソッドが実行されます
y から呼ばれた .a() の内部での this は y なので this.b() を呼んだ時に yオブジェクトの bメソッドが実行されます
複雑な話はなくて 単純に基本的なことです
そういえば このブログは初心者向けを目指してたんだった ということでたまには図解とかしてみました
ココ最近は 初心者に必要なさそうな情報や 作ったもの紹介が主でしたしね