无法读取未定义 [Angular2] 的属性“isStopped”

Question

我正在尝试在 Angular 2 中为我的服务使用 observable。

但我收到此错误：

Uncaught TypeError: Cannot read property 'isStopped' of undefined

我的服务先睹为快：

import { Observable } from 'rxjs/Observable';
import { Injectable } from '@angular/core';

@Injectable()

export class Service{

  getList(){
    return new Observable((observer)=>{
      observer.next(result);
    })
  }

}

和实施：

import ...

@Component({...})

export class List implements OnInit {
  list : any[];
  list$ : Observable<Array<any>>;

  constructor(...){
  }

  ngOnInit(){
    this.list$ = this.Service.getList();
    this.list$.subscribe(
      (items) => {
        this.list = items;
        console.log("triggered");
      },
      (error)=>{
        console.error(error);
      },
      ()=>{
        console.log("completed");
      }
    );
  }

}

有没有人有这个错误？我找不到任何相关的东西。

================================================== ==============

编辑：

抱歉，这是“isStopped”的来源：https : //github.com/ReactiveX/rxjs/blob/master/src/Subscriber.ts#L94

来自 rxjs 库。

Answer 1

为了更清楚地说明这个问题，我提供了一个 JSFiddle来演示和解释这个问题。

有问题的代码

以下将抛出错误：

未捕获的类型错误：无法读取未定义的属性“isStopped”。

somePromise
  .then(result => {
    subscriber.next(result);
    subscriber.complete();
  })
  .catch(subscriber.error);

正确的代码

要保留subscriber.error订阅者对象的方法所期望的正确范围，您必须创建一个匿名函数：

  somePromise
  .then(result => {
    subscriber.next(result);
    subscriber.complete();
  })
  .catch((error) => subscriber.error(error));

这个 JS Fiddle 的 JS 部分演示了一个 Typescript 示例。

进一步阅读

你不知道的 JS：范围和闭包

Answer 2

看来我在某个时刻使用回调作为可观察对象内的参数，并删除它解决了问题。我仍然不明白为什么，但我猜它与 Observables 的工作方式有关。