Как передать переменную в XMLHttpRequest (onload)?

Question

[Max Ba]

function Func(){

  this.i = 1000;

  this.method1 = function(){
    console.log(this.i); //OK
  };
  
  this.method2 = function(){
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/test.php', true);
    xhr.onload = function(e){
      if(xhr.readyState == 4 && xhr.status == 200){
        //console.log(this.i); //undefined ПРОБЛЕМА ТУТ!
      }
    };
    xhr.send();
  };
  
  document.getElementById('start1').addEventListener('click', this.method1.bind(this));
  document.getElementById('start2').addEventListener('click', this.method2.bind(this));
}

Помогите с этим участком кода. Пробовал передавать this в разные части xhr, не видит ни переменную, ну и весь весь this заменяется на ajaxовский.

Comments

[DanKud]

xhr.onload = e => {
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(this.i);
    }
};

[Stanislav Pugachev]

вангую сейчас джавасрипт-господа пошлют вас читать доки по областям видимости