К объекту XMLHTTPRequest

Что происходит когда мы пишем xhr.onreadystatechange = function(){.......} ?

Посмотрите на пример. Тут я создаю произвольный объект и в нем значением одного из свойств является функция. Затем я присваиваю свойству kakZovut другую функцию (ссылку на нее) - и она выполняется при вызове.

Особенность объекта XMLHTTPRequest состоит в том, что он вызывает свою функцию onreadystatechange всякий раз, когда приходит ответ от сервера. Поэтому если мы присваиваем свойству onreadystatechange другую (собственную) функцию, то вызываться будет она.

function doIt(){
  var  obj = {Imya:"", kakZovut:function(){alert(this.Imya)}};
  obj.Imya = "Sheldon";
  obj.kakZovut();
 
  obj.kakZovut = function(){alert('Nikak')};
  obj.kakZovut();
 }