Добрый день!

У меня возник вопрос про работу ключевого слова this. Итак, 2 фрагмента кода: 


И:



Вопрос: Почему в первом случае this ссылается на объект-функцию, а во втором на объект img ?

Потому что в первом случае ты вызываешь функцию, а во втором присваиваешь анонимно как метод объекта. А если он метод, то this - объект, методом которого является функция.

Лучше сказать не вызывается, как метод объекта, а вызывается в контексте объекта.
В первом случае в контексте div, во втором в контексте img.
Что означает "в первом случае this ссылается на объект-функцию" мне не понятно. Откуда у функции взялся innerHTML?

в первом случаи как метод window, а во втором случаи как метод объекта img 

В том то и дело, что в контексте div этот метод не вызывается, содержимое дива не меняется. Не могли бы вы объяснить как именно работает this, в частности, куда именно он ссылается.

Чтобы было понятно, измени код на:


Ты увидишь в алерте, что автоматом создаётся вспомогательная функция, телом которой является то, что написано в атрибуте дива. То есть, при первоначальном вызове ожидаемый тобой this будет передан именно в эту функцию, внутри которой можно с ним работать, но уже дальше функция onClickF вызывается сама по себе, у неё своё собственное значение this, никакой связи с предыдущим. Если сильно упростить ситуацию, то можно представить её так:


Это издержки данного старейшего способа регистрации события непосредственно в коде элемента, "нужный" this приходится руками передавать аргументом... 

Да, точно, не досмотрел.
Можно еще так извратиться:

И не пиши "javascript:" в on-атрибутах.

Ага, т.е. this всегда ссылается на объект, вызвавший данную функцию-объект. Меня запутало то, что браузер заворачивает содержимое onClick в еще один объект, который и присваивает событию onClick. Но в таком случае мне непонятно, как работают конструкторы.

Что именно не понятно?


Близко, но не обязательно. Применительно к функциям значение this зависит от точки вызова (от того, как и где происходит вызов функции).

Я думал, что этот код добавляет к объекту myObject нужные свойства и устанавливает их значения. Далее же при создании 

создается копия шаблона и присваивается экземпляру.  Если же this ссылкается на объект, вызвавший данную функцию, то я перестаю что либо понимать.

Не путай функцию, которая конструирует с функцией, которая не конструирует. Если слева оператор new, то конструктором создаётся новый объект и ссылка на этот объект становится значением this.

Хе. Если есть оператор new, то объект как бы вызывает функцию-конструктор, и this в ней как раз и ссылается на наш объект, т.е. конструктор как раз и "собирает" экземпляр?