javascript - .subscribe() 函数有什么作用？

Question

我正在使用 Angular2 和 NodeJS 编写 API，我正在为我的 ِAPI 实现服务，该 API 应该获取任务列表并显示它。这是任务服务:

import {Injectable} from '@angular/core';
import {Http, Headers} from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class TaskService{
  constructor(private http:Http){
    console.log('Task Service Initialized...');
  }
  getTasks(){
    return this.http.get('http://localhost:3000/api/tasks')
      .map(res => res.json());
  }
}

对于我的 getTask 函数(如果我错了请纠正我)，.map() 函数接受我的响应并将其格式化为一个值数组。现在，使用任务服务的任务组件:

import { Component } from '@angular/core';
import {TaskService} from '../../services/task.service';

@Component({
  moduleId: module.id,
  selector: 'tasks',
  templateUrl: 'tasks.component.html',
})
export class TasksComponent  {
  constructor(private taskService:TaskService){
    this.taskService.getTasks()
      .subscribe(tasks =>{
        console.log(tasks);
    })
  }
}

我想了解这个.subscribe()函数是干什么的，但找不到相关资料。

Answer 1

.subscribe()功能类似于jQuery中的Promise.then()、.catch()和.finally()方法>，但不是处理 promise，而是处理 Observable

这意味着它将自己订阅感兴趣的observable(在您的例子中是getTasks())并等待它成功 然后执行第一个传递的回调函数，在您的情况下是:

tasks => {
    console.log(tasks);
} 

如果你想让它在出错时(类似于.catch())或完成时(类似于.finally())运行一些逻辑，你可以传递它subscribe 的逻辑如下:

observable.subscribe(
  value => somethingToDoOnlyOnSuccess(value),
  error => somethingToDoOnlyOnError(error),
  () => somethingToDoAlways()
);

可以找到更多示例和详细信息here