javascript - Angular 2 _this 未定义

Question

我在下面的函数调用中收到错误，提示 this.albumDetails 对于特定行未定义，即使所有其他 this 调用都工作正常。

错误是:TypeError:_this.albumDetails 未定义

错误可能发生在 this.albumDetails.concat(items) 处，其中 items 是 json 对象数组

感谢任何帮助。

export class AppComponent {
albums: any[];
albumDetails: any[];
searchAlbum(input: any){
    this.show = true;
    this.searchService.getAlbum(input).subscribe(data => {
      this.albums = data;
      for(var i = 0; i < 50; i++){
        this.searchService.getDetails(this.albums[i].artist, this.albums[i].name, this.albums[i].mbid).subscribe(items => {
          this.albumDetails = this.albumDetails.concat(items); //Error occuring here at this.albumDetails.concat(items)
          console.log(this.albumDetails);
        });
      }
    });
  }
 }

Answer 1

将albumDetails初始化为空字符串

albumDetails : string =' '

或者，您可以使用 ES5 语法进行字符串连接，如

this.albumDetails = `${this.albumDetails}${items}`;

使用反引号

` `

Reference Stackoverflow Post

更新 1:根据评论

似乎albumDetails是一个数组，因此在推送元素之前必须初始化数组，因此将以下行添加到for循环之外

this.albumDetails = [];

或者在变量声明期间

albumDetails = [];