タグ：this：記事一覧

htmlのonclick属性は要素をクリックしたときに実行したい処理を記述することができます。しかし、クリックされた要素に対して少し複雑な処理をしたいときは、thisやargumentsオブジェクトを効果的に使用します。

JavaScriptにはcallとapplyというメソッドがある。あまり使わないなと思って理解することを放棄していたのだが、いい機会なので記事にしながら理解していこうと思う。

JavaScriptにはbindというメソッドがあって、コールバック関数内でthisを使用するときなどよく使っています。ですが僕の場合、サンプルで見たコードで使っていたから、マネして使っていただけでした。「これではいかん！」ということで、今更ですがbindについて調べてみました。

プログラム言語の関数とは一連の処理をひとまとめにして、簡単な記述で何度でも呼び出せるようにしたもの。JavaScriptにもありますね。しかし似たような機能でメソッドというものがあり、こちらも前述のことができます。では関数とメソッドの違いは親オブジェクトをthis値として受け取るかどうかです。

thisは読み込み専用のため、上書きできません。しかしプロパティ追加はできます。『上書きでないのに、追加できるってどういうこと？？？』と思った方は、読んでください。

JavaScriptでプログラムを組むとき、thisはとても重要なキーワードです。ですがサンプルコードなどを参考にして、ただなんとなくで使っている人も多いのではないでしょうか。そこで今回はJavaScriptのthisについて、独断と偏見で解説していきます。