JavaScriptのthisの覚え方 - Qiita

JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 JavaScriptにはthisが4種類ある これだけをしっかり覚えておけば、後は必要な時に 4種類って何があるんだっけ？ と考えれば容易に思い出せる。 ちなみに、下記のコードはブラウザ上で実行することを想定している。(なのでwindowを使う) トップレベルのthis グローバルオブジェクトを指す。 var hoge = "fuga"; window.foo = "bar"; // fuga+bar と表示される console.log(this.hoge + "+" + this.foo); (function(){ // 同じくfuga+bar と表示される console.log(this.hoge + "+" + this.foo); })(

[da-yoshi]

thisが書き換わるという概念が既にJavaScriptからずれている

[mikasa06]

thisについて

[h5y1m141]

コメント欄の “「this に何が入るかは関数を実行するまで決まっていなくて、実行時に呼び出し方（ここで挙げられている四つ）によって決定される」と考えるとシンプルな気がします。” がわかりやすい

[l-_-ll]

『「this に何が入るかは関数を実行するまで決まっていなくて、実行時に呼び出し方（ここで挙げられている四つ）によって決定される」と考えるとシンプルな気がします。』

[mima3]

おう、トップレベルのthisはやっぱりグローバルおせんおこすじゃないか！！！

[pebble8888]

javascript this 4種類

[rindenlab]

"JavaScriptはNTR文化なの"

[gallu]

あ、おもろ。

[kasumani]

JavaScriptのthisの覚え方 JavaScriptのthisは同じソースコードでも呼び出し元次第で意味が違ったりして複雑だと思われがちだけど、一回覚えてしまえば簡単だ。 Tags: ifttt, kasumaniのストックした投稿 - qiita from Pocket May 02, 2014 at 06:45

[bouzuya]

呼び出し元からthisを変えられなかったら不便だろうに。

[tak4hir0]

JavaScriptのthisの覚え方 - Qiita [キータ]

[wataken44]

闇感ある

[uchida75cm]

たまに忘れるのでメモ

[bleu-bleut]

「thisの中身は決まっていなくて呼び出された時点で決まる」1. グローバルオブジェクトを指す場合 2. newでインスタンス自身を指す場合 3. オブジェクト自身を指す場合 4. apply/callで書き換えられる場合

[suguryaman]

TKGHatebuReaderより

[koyancya]

jQuery使っててclickイベントとか取るとthisが書き換えられている。そういうAPIなの。JavaScriptはNTR文化なの。

[Hash]

4番目だけがイレギュラー, とだけ把握していればよさげ

[typista]

ぽけったー JavaScriptのthisの覚え方 #JavaScript / JavaScriptのthisの覚え方

[Foorier]

TKGHatebuReaderより

[creaism]

JavaScriptのthisの覚え方 #JavaScript - Qiita by @vvakame on @Qiita_jp

[tanakaBox]

一個じゃない。

[yagitoshiro]

簡単じゃねーーーっ

[tzccinct]

「call/applyの方はJS的には普通で、method.call(obj)の省略記法としてobj.method()が使えるくらいに考えてしまった方が混乱しないのではないかという話です」。

[kk6]

この覚え方危なくない？と思ったらもん様がすでにツッコミ入れてた

[shintaks]

JSの this っていうのはRubyとかPythonでいう self みたいなもの？

[heavenshell]

「JavaScriptはNTR文化なの。」

[grapswiz]

参考になる

[Kamito]

JavaScriptあるある

[d_animal141]

JavaScriptのthisの覚え方 #JavaScript

[siukaido]

"JavaScriptはNTR文化なの。"

[keim_at_Si]

素晴らしいオチ。3番までは一応許容範囲だけど「javascriptのthis書き換え文化のおかげで全てが台無し」。