javascript - 入れ子関数でこのオブジェクトが指すオブジェクトはどのように変化しますか?

Question

マウスを移動すると長方形のブロックの長さが長くなり、その後高さが高くなるという機能のデモを書いたのですが、次のような関数をネストした{code...}を実行すると、次の問題が発生しました。パラメータを渡すには that=this を使用する必要があります。そうでない場合、ブラウザは次のエラー Uncaught TypeError: Failed to execut... を報告します。

黄舟 · Answer

イベントを通じて呼び出される関数の this はイベントをトリガーした要素を指すため、op[0].onmouseover イベントによって呼び出される関数の this は op[0]; を指します

if (fn) { fn();} は関数を呼び出すウィンドウと同等であるため、changeStyle 関数によって渡されるコールバック関数の this はウィンドウを指します

コードの実行を追跡したい場合は、ブレークポイントのデバッグを使用して、操作中に各変数の割り当てを確認できます

我想大声告诉你 · Answer

これは、関数の実行時に自動的に生成される内部オブジェクトを表し、関数内でのみ使用できます。
この関数はさまざまな状況で使用されるため、この値は変化します。ただし、これは関数を呼び出すオブジェクトを参照するという一般原則があります。 Ruan Yifeng によるこの記事を読むことができると思います: http://www.ruanyifeng.com/blo...

曾经蜡笔没有小新 · Answer

ポインティングの心配は忘れて、(es6) アロー関数を使用してくださいthis

PHP中文网 · Answer

それに合格しない場合、変更関数が誰のスタイルを変更するか知っていますか?これを直接使用する場合、これはウィンドウを指します。1 階で説明したように、ブレイクするとすぐにブレークポイントがわかります。

给我你的怀抱 · Answer

that=this を使用して this を現在の字句スコープにバインドしない場合、this はグローバルオブジェクトウィンドウを指します。これが this のデフォルトのバインディングです。