メンバー変数がローカルで参照できない

ionicでtypeScriptを書いていますが、メンバー変数で宣言したindexNameに値を格納使用とするとコンパイルエラーが出てしまいます

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  title = '指標サマリ';
  // var obj;
  index = [
    '日経平均',
    'TOPIX',
    'マザーズ',
    'REIT'
  ];
  //ここでindexNameを宣言
  indexName = new Array(7);


  constructor(public navCtrl: NavController) {

  }
  bar() {
    const req = new XMLHttpRequest();
    req.onreadystatechange = function () {
      if (this.readyState == 4 && this.status == 200) {
        if (this.response) {

          var obj = JSON.parse(this.response);
          console.log(obj[0].name);
          for (var i = 0; i < 7; i++) {
            // 下のindexNameでエラー
            indexName[i]=obj[i].name;
          }
        }
      }
    }
    req.open("GET", "http://localhost:3000/records");
    req.responseType = "text";
    req.send();
  }
}